Die analytics.js-Bibliothek (auch als Google Analytics-Tag bezeichnet) ist eine JavaScript-Bibliothek zum Erfassen der Interaktionen von Nutzern mit Ihrer Website. 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 am Anfang des Tags <head> und vor anderen Skript- oder CSS-Tags ein. Fügen Sie außerdem die Property-ID der Google Analytics-Property ein, 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 -->
Mit dem Code oben werden vier Hauptaufgaben ausgeführt:
- Erstellt ein
<script>-Element, das den asynchronen Download der JavaScript-Bibliothek von analytics.js vonhttps://www.google-analytics.com/analytics.jsstartet - Initialisiert eine globale
ga-Funktion (Befehlswarteschlange vonga()), mit der Sie die Ausführung von Befehlen planen können, sobald die analytics.js-Bibliothek geladen und einsatzbereit ist. - Fügt der
ga()-Befehlswarteschlange einen Befehl hinzu, um ein neues Tracker-Objekt für die über den Parameter'GA_MEASUREMENT_ID'angegebene Property zu erstellen. - Fügt der
ga()-Warteschlange einen weiteren Befehl hinzu, um einen Seitenaufruf für die aktuelle Seite an Google Analytics zu senden.
Für benutzerdefinierte 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 keinen Code ändern, mit dem die analytics.js-Bibliothek geladen oder die ga()-Befehlswarteschlangenfunktion initialisiert wird.
Alternatives asynchrones Tag
Das oben beschriebene Google Analytics-Tag stellt sicher, dass das Skript in allen Browsern asynchron geladen und ausgeführt wird. Es hat jedoch den Nachteil, dass moderne Skripts nicht vorab geladen werden können.
Das alternative asynchrone Tag unten unterstützt die Vorabladung, was in modernen Browsern zu einer kleinen Leistungssteigerung führt. Bei IE 9 und älteren mobilen Browsern, die das Skriptattribut async nicht erkennen, kann dies zu einem synchronen Laden und zur Ausführung führen. Verwenden Sie diese Tag-Konfiguration nur, wenn Ihre Besucher hauptsächlich moderne Browser für den Zugriff auf Ihre Website 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 vom Google Analytics-Tag erfasst?
Wenn Sie Ihrer Website eines dieser Tags hinzufügen, wird für jede besuchte Seite ein Seitenaufruf gesendet. In Google Analytics werden diese Daten verarbeitet. Daraus können viele Informationen abgeleitet werden, darunter:
- Die Gesamtzeit, die ein Nutzer auf Ihrer Website verbringt.
- Die Zeit, die ein Nutzer auf jeder Seite verbringt, und in welcher Reihenfolge die Seiten besucht wurden
- Welche internen Links angeklickt wurden (basierend auf der URL des nächsten Seitenaufrufs)
Darüber hinaus wird die IP-Adresse, der User-Agent-String und die erste Seitenprüfung durch analytics.js verwendet, um Folgendes zu bestimmen:
- Der geografische Standort des Nutzers.
- Welcher Browser und welches Betriebssystem wird verwendet?
- Bildschirmgröße und ob Flash oder Java installiert ist.
- Die verweisende Website.
Nächste Schritte
Für grundlegende Berichtsanforderungen können die über das Google Analytics-Tag erhobenen Daten ausreichend sein. In vielen Fällen möchten Sie jedoch weitere Fragen zu Ihren Nutzern beantworten.
In den Leitfäden auf dieser Website wird erklärt, wie Sie die für Sie wichtigen Interaktionen mit analytics.js messen können. Bevor Sie jedoch eine bestimmte Funktion implementieren, sollten Sie unbedingt die Leitfäden aufrufen, die links im Navigationsbereich unter Grundlagen aufgeführt sind. 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 erfahren Sie, wie analytics.js funktioniert.