analytics.js-Code zu Ihrer Website hinzufügen

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:

  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 Befehle planen können, die ausgeführt werden, sobald die analytics.js-Bibliothek geladen ist und einsatzbereit ist.
  3. 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.
  4. 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.