Manchmal soll ein anderer Pfad an die Webanalyse übermittelt werden als der, der in der Adressleiste des Browsers erscheint. Ein häufiger Anwendungsfall ist das Entfernen einzelner Query-Parameter.

Canonical-URL verwenden
-----------------------
Der einfachste Weg, sicherzustellen, dass `/pfad` immer als `/pfad` erscheint, ist das Einbinden einer Canonical-URL im `<head>`:

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

Der `href`-Wert kann auch relativ angegeben werden (z.B. `/pfad`).

Dies funktioniert nur, wenn die Canonical-URL auf derselben Domain liegt (mit Ausnahme der `www`-Subdomain). Wenn Sie zum Beispiel folgende Canonical-URL setzen:

    <link rel="canonical" href="https://meine-andere-seite.com/pfad">

und die Seite unter `https://example.com/pfad` aufgerufen wird, ignoriert die Webanalyse diesen Wert. Der Grund: Manche Inhalte werden auf mehreren Websites veröffentlicht und eine davon als kanonisch ausgezeichnet. Das kann für SEO sinnvoll sein, ist aber für die Auswertung nicht geeignet.

Bitte prüfen Sie die möglichen SEO-Auswirkungen vor dem Einsatz einer Canonical-URL sorgfältig. Wenn Sie Query-Parameter zur Navigation verwenden, sollten Sie diese Methode wahrscheinlich nicht nutzen.

data-goatcounter-settings verwenden
-------------------------------------
Sie können `data-goatcounter-settings` am Script-Tag verwenden, um den Pfad zu setzen. Der Wert muss gültiges JSON sein:

    <script data-goatcounter="{{.SiteURL}}/count"
            data-goatcounter-settings='{"path": "/hello"}'
            async src="//zgo.at/count.js"></script>

Hier lassen sich auch `title`, `referrer` und `event` setzen.

window.goatcounter verwenden
-----------------------------
Alternativ können Sie einen eigenen `path` setzen, indem Sie `window.goatcounter` *vor* dem Laden des `count.js`-Skripts definieren:

    <script>
        window.goatcounter = {
            path: location.pathname || '/',
        }
    </script>
    {{template "code" .}}

Das ist besonders nützlich, wenn Sie komplexere Logik benötigen, etwa um einzelne Query-Parameter mit `goatcounter.get_query()` hinzuzufügen:

    <script>
        window.goatcounter = {
            path: function() {
                return location.pathname + '?page=' + (goatcounter.get_query('page')) || '/'),
            },
        }
    </script>
    {{template "code" .}}

Dieses Beispiel verwendet eine Callback-Funktion, da `goatcounter.get_query()` bei Verwendung eines einfachen Objekts noch nicht verfügbar wäre.

Weitere Details zur JavaScript-API finden Sie auf der Seite [JavaScript-API]({{.Base}}/code/js).
