Die analytics.js-Bibliothek (auch „Google Analytics-Tag“ genannt) ist eine JavaScript-Bibliothek, mit der Sie erfassen können, wie Nutzer mit Ihrer Website interagieren. In diesem Dokument wird erläutert, wie Sie das Google Analytics-Tag auf Ihrer Website einfügen.
Das Google Analytics-Tag
Fügen Sie das Google Analytics-Tag oben in das <head>
-Tag und vor allen anderen Script- oder CSS-Tags ein. Fügen Sie außerdem die Property-ID der Google Analytics-Property hinzu, mit der Sie arbeiten möchten.
<!-- Google Analytics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script> <!-- End Google Analytics -->
Der obige Code bewirkt vier Hauptfunktionen:
- Erstellt ein
<script>
-Element, das asynchron die JavaScript-Bibliothek „analytics.js“ vonhttps://www.google-analytics.com/analytics.js
herunterlädt - Initialisiert eine globale
ga
-Funktion (diega()
-Befehlswarteschlange genannt), mit der Sie Befehle planen können, die ausgeführt werden, sobald die analytics.js-Bibliothek geladen ist und einsatzbereit ist. - Fügt der
ga()
-Befehlswarteschlange einen Befehl hinzu, um für das über den Parameter'GA_MEASUREMENT_ID'
angegebene Attribut ein neues Tracker-Objekt zu erstellen. - Fügt der Befehlswarteschlange
ga()
einen weiteren Befehl hinzu, um für die aktuelle Seite einen Seitenaufruf an Google Analytics zu senden.
Bei benutzerdefinierten Implementierungen müssen Sie möglicherweise die letzten beiden Zeilen des Google Analytics-Tags (die Befehle create
und send
) ändern oder zusätzlichen Code hinzufügen, um mehr Interaktionen zu erfassen. Sie sollten jedoch nicht den Code ändern, mit dem die analytics.js-Bibliothek geladen oder die ga()
-Befehlswarteschlangenfunktion initialisiert wird.
Alternatives asynchrones Tag
Das oben beschriebene Google Analytics-Tag sorgt zwar dafür, dass das Skript in allen Browsern asynchron geladen und ausgeführt wird, hat jedoch den Nachteil, dass es in modernen Browsern nicht vorab geladen werden kann.
Das alternative asynchrone Tag unten unterstützt das Vorabladen. Dadurch wird die Leistung in modernen Browsern etwas verbessert, das synchrone Laden und Ausführen in IE 9 und älteren mobilen Browsern kann jedoch das synchrone Laden und Ausführen in IE 9 und älteren mobilen Browsern beeinträchtigen, die das async
-Skriptattribut nicht erkennen. Verwenden Sie diese Tag-Konfiguration nur, wenn Ihre Besucher für den Zugriff auf Ihre Website hauptsächlich moderne Browser verwenden.
<!-- Google Analytics --> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script> <script async src='https://www.google-analytics.com/analytics.js'></script> <!-- End Google Analytics -->
Welche Daten werden mit dem Google Analytics-Tag erfasst?
Wenn Sie eines dieser Tags auf Ihrer Website einfügen, wird für jede Seite, die Ihre Nutzer besuchen, ein Seitenaufruf gesendet. Google Analytics verarbeitet diese Daten und leitet daraus viele Informationen ab, darunter:
- Die Gesamtzeit, die ein Nutzer auf Ihrer Website verbringt.
- Die Zeit, die ein Nutzer auf der jeweiligen Seite verbringt und in welcher Reihenfolge diese Seiten besucht wurden.
- Gibt an, auf welche internen Links geklickt wurden (basierend auf der URL des nächsten Seitenaufrufs)
Darüber hinaus werden die IP-Adresse, der User-Agent-String und die anfängliche Seitenprüfung, die analytics.js beim Erstellen eines neuen Tracker-Objekts durchführt, verwendet, um u. a. Folgendes festzulegen:
- Der geografische Standort des Nutzers.
- Welcher Browser und welches Betriebssystem verwendet wird.
- Bildschirmgröße und Angabe, ob Flash oder Java installiert ist
- Die verweisende Website
Nächste Schritte
Für grundlegende Berichtsanforderungen können die über das Google Analytics-Tag erfassten Daten ausreichen. In vielen Fällen möchten Sie jedoch zusätzliche Fragen zu Ihren Nutzern beantworten.
In den Leitfäden auf dieser Website wird erläutert, wie Sie wichtige Interaktionen mit analytics.js messen. Bevor Sie jedoch eine bestimmte Funktion implementieren, sollten Sie die Leitfäden im Abschnitt Grundlagen im linken Navigationsbereich lesen. Diese Leitfäden bieten einen allgemeinen Überblick über die analytics.js-Bibliothek und helfen Ihnen, die auf der Website verwendeten Codebeispiele besser zu verstehen.
Im nächsten Leitfaden dieser Reihe wird die Funktionsweise von analytics.js beschrieben.