Ihrer Website analytics.js hinzufügen

Die analytics.js-Bibliothek (auch als „Google Analytics-Tag“ bezeichnet) 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.

Google Analytics-Tag

Fügen Sie das Google Analytics-Tag oben im <head>-Tag und vor allen anderen Skript- 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:

  1. Erstellt ein <script>-Element, das asynchron die JavaScript-Bibliothek „analytics.js“ von https://www.google-analytics.com/analytics.js herunterlädt
  2. Initialisiert eine globale ga-Funktion (die ga()-Befehlswarteschlange genannt), mit der Sie die Ausführung von Befehlen planen können, sobald die analytics.js-Bibliothek geladen und einsatzbereit ist.
  3. Fügt der ga()-Befehlswarteschlange einen Befehl zum Erstellen eines neuen Tracker-Objekts für die über den Parameter 'GA_MEASUREMENT_ID' angegebene Eigenschaft hinzu.
  4. Fügt der ga()-Befehlswarteschlange einen weiteren Befehl hinzu, um für die aktuelle Seite einen Seitenaufruf 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 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 das Skript in modernen Browsern nicht vorab geladen werden kann.

Das alternative asynchrone Tag unten unterstützt das Vorabladen. Dadurch wird die Leistung in modernen Browsern geringfügig verbessert, das synchrone Laden und Ausführen kann jedoch in IE 9 und älteren mobilen Browsern beeinträchtigt werden, die das Skriptattribut async nicht erkennen. Verwenden Sie diese Tag-Konfiguration nur, wenn Ihre Besucher hauptsächlich mit modernen Browsern auf Ihre Website zugreifen.

<!-- 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 von Ihren Nutzern besuchte Seite ein Seitenaufruf gesendet. Google Analytics verarbeitet diese Daten und kann zahlreiche Informationen ableiten, 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.
  • Auf welche internen Links geklickt wurde (basierend auf der URL des nächsten Seitenaufrufs)

Darüber hinaus werden die IP-Adresse, der User-Agent-String und die Überprüfung der ersten Seite, die analytics.js beim Erstellen eines neuen Tracker-Objekts durchführt, verwendet, um u. a. Folgendes zu bestimmen:

  • 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 Berichte 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 eine bestimmte Funktion implementieren, sollten Sie jedoch unbedingt die Leitfäden lesen, die im linken 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 dieser Reihe wird die Funktionsweise von analytics.js erläutert.