Willkommen bei der wise-relations Webanalyse. Die Einrichtung ist in drei Schritten erledigt.

**1. Konto angelegt?** Ihr Konto ist unter `meinkonto.stats.wise-relations.com` erreichbar. Melden Sie sich dort an, um Ihren persönlichen Tracking-Endpunkt zu sehen.

**2. Skript einbinden.** Fügen Sie folgenden JavaScript-Code auf allen Seiten ein, die Sie erfassen möchten:

<pre>{{template "code" .}}</pre>

Sollten keine Seitenaufrufe erscheinen, prüfen Sie bitte, ob ein Werbeblocker das Skript blockiert (betroffene Domains: {{.SiteDomain}} und/oder gc.zgo.at).

**3. Daten sehen.** Nach dem Einbinden erscheinen erste Auswertungen in der Regel innerhalb von 10 Sekunden im Dashboard.

Integrationen
-------------

<div style="text-align: center">
<label for="int-url">Endpunkt</label><br>
<input type="text" value="{{.SiteURL}}/count" style="width: 28em"><br>
<span style="color: #999">Diesen Wert in die Integrationseinstellungen Ihres Systems eintragen</span>

<style>
.integrations          { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1em; margin-bottom: 2em; }
.integrations a img    { float: left; }
.integrations a        { line-height: 40px; padding: 10px; width: 10em; margin: 1em; box-shadow: 0 0 4px #cdc8a4; }
.integrations a:hover  { text-decoration: none; color: #00f; background-color: #f7f7f7; }
.integrations a.active { background: linear-gradient(#d0cecc, #f0f0f0); }

.popbox    { display: none; padding: 1em; margin: 3em; margin-top: -2em;
             box-shadow: 0 0 4px var(--box-shadow); background-color: var(--bg); }
</style>

<div class="integrations">
<a href="https://www.npmjs.com/package/gatsby-plugin-goatcounter">
    <img width="40" height="40" src="{{.Static}}/int-logo/gatsby.svg"> Gatsby</a>
<a href="https://github.com/htejera/publii-goatcounter-analytics-plugin">
    <img width="40" height="40" src="{{.Static}}/int-logo/publii.svg"> publii</a>
<a href="https://www.schlix.com/extensions/analytics/goatcounter.html">
    <img width="40" height="40" src="{{.Static}}/int-logo/schlix.png"> schlix</a>
<a href="https://github.com/arp242/goatcounter-wordpress">
    <img width="40" height="40" src="{{.Static}}/int-logo/wp.png"> WordPress</a>
<a href="" class="expand" data-expand=".write-as">
    <img width="40" height="40" src="{{.Static}}/int-logo/write-as.svg"> Write.as</a>
</div>
</div>

<div class="popbox write-as">
Folgenden Code unter <em>Custom Javascript</em> auf der <em>Customize</em>-Seite einfügen:

<pre>const script = document.createElement('script');
script.setAttribute('defer', true);
script.setAttribute('src', 'https://{{.CountDomain}}/count.js');
script.setAttribute('data-goatcounter', '{{.SiteURL}}/count');
document.body.appendChild(script);</pre>
</div>


Nach der Einrichtung
--------------------

Diese Punkte sind nach der Einrichtung empfehlenswert:

- Stellen Sie sicher, dass die Webanalyse in Ihrer
  [Content-Security-Policy]({{.Base}}/code/csp) zugelassen ist, sofern Sie eine verwenden.

- Wenn keine Seitenaufrufe erscheinen, blockiert wahrscheinlich der Werbeblocker Ihres Browsers das Skript. Deaktivieren Sie ihn kurz und prüfen Sie erneut. Seitenaufrufe erscheinen in der Regel innerhalb von 10 Sekunden, nie länger.

- Es empfiehlt sich, einen Canonical-Link einzubinden, zum Beispiel:

        <link rel="canonical" href="https://example.com/pfad.html">

    Weitere Details finden Sie unter [Den an die Webanalyse gesendeten Pfad steuern]({{.Base}}/code/path).

- [Eigene Seitenaufrufe ausblenden?]({{.Base}}/code/skip-dev) beschreibt Möglichkeiten, eigene Aufrufe nicht im Dashboard erscheinen zu lassen.
