Sollte ich Google Analytics JS in den <head> oder am Ende von <body> einfügen?

123

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?

Peter Hall
quelle
3
Sagen sie nicht, sie sollen es vor das schließende </ body> -Tag setzen? Oder hat sich das geändert?
Marko

Antworten:

155

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

Chris Arguin
quelle
8
Also ist es in Ordnung, wenn ich es unten platziere? Ich lasse meine Seiten lieber schnell laden, indem ich alles unten (und CSS oben für ein korrektes Rendern) platziere.
2
Ja, das ist in Ordnung. Ich habe tatsächlich eine Mischung, bin aber aus den genannten Gründen größtenteils dazu übergegangen, sie an die Spitze zu setzen.
Chris Arguin
6
Warum ist das ein Vorteil? Es scheint mir, dass ich keine Teilseitenladevorgänge zählen möchte, da diese Benutzer im Wesentlichen sagen, dass sie einen Fehler gemacht haben, als sie dorthin gekommen sind. Selbst wenn sie dort sein wollen, möchte ich sie nicht eine zusätzliche Millisekunde warten lassen, um meinen Inhalt zu sehen.
Melinda Green
3
Ein teilweises Laden der Seite kann für den Eigentümer der Website auch etwas bedeuten, das behoben werden muss. Stellen Sie sich vor, jemand betritt Ihr Geschäft, nur um zu erkennen, dass die Außenseite ihn zum Betreten verleitet hat. Sie möchten Ihre Werbung korrigieren, um dies zu beheben.
Optimus
2
Ein kleines Update dazu: Anstatt am Ende <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."
Brandon
6

Sie können es überall platzieren, wo Sie wollen. Ich habe immer Tracking-Code am Ende der Seite eingefügt und hatte nie Probleme.

casablanca
quelle
2
Warum sollten Sie einen Benutzer erkennen, der Ihre Seite teilweise lädt und innerhalb von Millisekunden verlässt?
João Pimentel Ferreira
@ JoãoPimentelFerreira, weil es auch wertvolle Informationen ist, möchten Sie vielleicht messen, wie
viel
3

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.

Subodh Ghulaxe
quelle
0

Im Kopf, kurz vor dem schließenden </ head> -Tag, haben Sie keine Probleme, Ihre Website in den Webmaster-Tools zu überprüfen.

Sezhers
quelle
0

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:

  1. Erstellt ein Element, das das asynchrone Herunterladen der JavaScript-Bibliothek analyse.js von https://www.google-analytics.com/analytics.js startet

  2. 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.

  3. 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.

  4. Fügt der Befehlswarteschlange ga () einen weiteren Befehl hinzu, um einen Seitenaufruf für die aktuelle Seite an Google Analytics zu senden.

Meile Mijatović
quelle
Schauen wir uns das etwas genauer an, denn wenn wir es als "Befehlswarteschlange" bezeichnen, wird es viel zu viel Anerkennung finden. Der komprimierte hässliche Code akzeptiert einige Argumente, mit denen er einige Dinge entpackt und ein Handle für eine gebundene Array.pushFunktion 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 gaAufruf: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
füllen Sie
-3

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.

Payal Daryani
quelle
2
Dies beantwortet die Frage nicht. Die Frage ist, was die Nebenwirkungen sind , wenn Sie nicht das tun, was Sie sagen.
Peter Hall