Google gibt mir ein Stück Javascript und fordert mich auf, es in das aufzunehmen <head>
.
Kann ich es am Ende setzen <body>
oder treten dabei einige Nebenwirkungen auf?
Google gibt mir ein Stück Javascript und fordert mich auf, es in das aufzunehmen <head>
.
Kann ich es am Ende setzen <body>
oder treten dabei einige Nebenwirkungen auf?
Antworten:
Wenn Sie es am Ende des <head>
Abschnitts einfügen, wird sichergestellt, dass Ihre Metriken auch dann nachverfolgt werden, wenn ein Benutzer das Laden der Seite nicht beendet.
Früher haben sie Ihnen gesagt, dass Sie es am Ende der Seite platzieren sollen, bevor sie die Unterstützung für das teilweise Laden von Seiten hinzugefügt haben.
Direkt von Google:
Einer der Hauptvorteile des asynchronen Snippets besteht darin, dass Sie es oben im HTML-Dokument positionieren können. Dies erhöht die Wahrscheinlichkeit, dass das Tracking Beacon gesendet wird, bevor der Benutzer die Seite verlässt. Es ist üblich, JavaScript-Code in den
<head>
Abschnitt einzufügen. Wir empfehlen, das Snippet am unteren Rand des Abschnitts zu platzieren, um eine optimale Leistung zu erzielen.
Siehe Google Analytics-Hilfe : Fügen Sie den Tracking-Code direkt zu Ihrer Website hinzu
<head>
der Seite, auf die jetzt verlinkt ist, heißt es "Fügen Sie das Tag direkt nach dem Öffnen des <head> -Tags auf jeder Seite hinzu."
Sie können es überall platzieren, wo Sie wollen. Ich habe immer Tracking-Code am Ende der Seite eingefügt und hatte nie Probleme.
Sie können es an einer beliebigen Stelle auf der Seite platzieren und an einer beliebigen Stelle auf der Seite ausführen, unabhängig davon, ob es sich um den Kopf oder den Körper handelt. Laut Google-Unterstützung ( Fügen Sie den Tracking-Code direkt zu Ihrer Website hinzu ) wird empfohlen, ihn im Head-Tag einzufügen und unmittelbar vor dem schließenden </head>
Tag einzufügen.
Der folgende Absatz aus einem guten Artikel erklärt, warum Code in das Head-Tag eingefügt wird
Der Seitenaufruf wird erst aufgezeichnet, nachdem dieser Code geladen wurde. Je früher Sie den Code laden, desto schneller wird der Seitenaufruf aufgezeichnet. Angenommen, Sie haben eine große Blog-Seite, die langsam geladen wird. Es dauert sogar 10 bis 20 Sekunden, bis alles geladen ist. Wenn Ihr Google-Code erst am Ende der Seite startet, kann er angehalten werden, genau wie der alte nicht asynchrone Code, mit dem ANDERE Codezeilen gespeichert werden. Außer jetzt hält es den Tracking-Code hoch. Wenn ein Besucher Ihrer Website die Seite besucht und sie dann verlässt, bevor der Tracking-Code die Seitenansicht auslöst, verlieren Sie diesen Besucher. Sie werden jetzt zu einem neuen direkten Besuch auf jeder Seite der Website, auf der sie gelandet sind. Dies kann dazu führen, dass alle Arten von Daten auf Ihrer Website falsch sind.
Das Hinzufügen des folgenden Codes (bekannt als "JavaScript-Tracking-Snippet") zu den Vorlagen Ihrer Website ist der einfachste Weg, um mit analyse.js zu beginnen.
Der Code sollte am oberen Rand des Tags und vor allen anderen Skript- oder CSS-Tags hinzugefügt werden, und die Zeichenfolge "UA-XXXXX-Y" sollte durch die Eigenschafts-ID (auch als "Tracking-ID" bezeichnet) von Google Analytics ersetzt werden Eigenschaft, die Sie verfolgen 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 macht vier Hauptaufgaben:
Erstellt ein Element, das das asynchrone Herunterladen der JavaScript-Bibliothek analyse.js von https://www.google-analytics.com/analytics.js startet
Initialisiert eine globale ga-Funktion (als ga () -Befehlswarteschlange bezeichnet), mit der Sie die Ausführung von Befehlen planen können, sobald die library.js-Bibliothek geladen und einsatzbereit ist.
Fügt der Befehlswarteschlange ga () einen Befehl hinzu, um ein neues Trackerobjekt für die über den Parameter 'UA-XXXXX-Y' angegebene Eigenschaft zu erstellen.
Fügt der Befehlswarteschlange ga () einen weiteren Befehl hinzu, um einen Seitenaufruf für die aktuelle Seite an Google Analytics zu senden.
Array.push
Funktion erhält . Die ga
"Funktion" ist ganz so gebunden push
. Auf diese Weise können die sofortigen Aufrufe optimiert werden: Anstatt ein leeres Array zu erstellen, wenn es nicht gefunden wird ( []
), füllen Sie es mit den Arrays "Argumente" für jeden ga
Aufruf: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
…
Der Code, den Sie immer am oberen Rand des Tags und vor allen anderen Skript- oder CSS-Tags hinzufügen sollten, und die Zeichenfolge 'UA-XXXXX-Y'
sollten durch die Eigenschaft ID
(auch als "Tracking-ID" bezeichnet) der Google Analytics-Eigenschaft ersetzt werden, die Sie verfolgen möchten.