web-dev-qa-db-fra.com

Dois-je mettre Google Analytics JS dans la <tête> ou à la fin de <corps>?

Google me donne un morceau de javascript et me dit de l'inclure dans le <head>.

Puis-je le mettre à la fin de <body> ou y aura-t-il des effets secondaires si je le fais?

google-analytics
110
user34537

Le fait de le placer à la fin de la section <head> permet de garantir le suivi de vos métriques, même lorsqu'un utilisateur ne laisse pas la page se terminer.

Ils vous disaient de le mettre au bas de la page avant d'ajouter le support pour la gestion du chargement partiel des pages.

Directement de Google:

L'un des principaux avantages du Le fragment de code asynchrone est ce que vous pouvez positionnez-le en haut du code HTML document. Cela augmente le probabilité que la balise de suivi sera envoyé avant le départ de l'utilisateur la page. Il est d'usage de placer Code JavaScript dans la section <head>, et nous vous recommandons de placer l'extrait de code au bas de la section pour de meilleures performances.

Voir Aide Google Analytics: Ajoutez le code de suivi directement sur votre site

136
Chris Arguin

Vous pouvez le mettre où vous voulez. J'ai toujours mis le code de suivi à la fin de la page et je n'ai jamais eu de problèmes.

3
casablanca

Vous pouvez le placer où vous voulez sur la page et le lire n’importe où sur la page, que ce soit dans la tête ou dans le corps. Mais, selon l'assistance de Google ( Ajoutez le code de suivi directement sur votre site ), il est recommandé de le coller dans la balise head, collez-le immédiatement avant la balise </head> finale.

Paragraphe suivant d'un bon article expliquant pourquoi insérer du code dans la balise head

La vue de page n'est enregistrée qu'après le chargement de ce code. Alors le plus tôt vous chargez le code, plus tôt que Viewview est enregistré. Voyons disons que vous avez une grande page de blog, et que celle-ci est lente à prendre, même 10 à 20 secondes pour tout charger. Si votre code Google ne le fait pas commencez jusqu’à la fin de la page, il peut être bloqué, tout comme l’ancien code non asynchrone utilisé pour contenir AUTRES lignes de code. Sauf que maintenant il contient le code de suivi. Si un visiteur de votre site clique sur le page, puis la laisse avant que le code de suivi ne déclenche la vue de page, alors vous perdez ce visiteur. Ils deviennent maintenant une nouvelle visite directe à quelle que soit la page du site sur lequel ils ont atterri. Cela peut faire toutes sortes de les données sur votre site sont incorrectes.

2
Subodh Ghulaxe

L'ajout du code suivant (appelé "extrait de suivi JavaScript") aux modèles de votre site est le moyen le plus simple de commencer à utiliser analytics.js.

Le code doit être ajouté près du haut de la balise et avant tout autre script ou balise CSS, et la chaîne "UA-XXXXX-Y" doit être remplacée par l'ID de propriété (également appelé "ID de suivi") de Google Analytics. propriété que vous souhaitez suivre.

<!-- 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 -->

Le code ci-dessus fait quatre choses principales:

  1. Crée un élément qui commence à télécharger de manière asynchrone la bibliothèque JavaScript analytics.js à partir de https://www.google-analytics.com/analytics.js

  2. Initialise une fonction ga globale (appelée file d'attente des commandes ga ()) qui vous permet de planifier l'exécution des commandes une fois la bibliothèque analytics.js chargée et prête à fonctionner.

  3. Ajoute une commande à la file d'attente des commandes ga () afin de créer un nouvel objet de suivi pour la propriété spécifiée via le paramètre 'UA-XXXXX-Y'.

  4. Ajoute une autre commande à la file d'attente des commandes ga () pour envoyer une vue de page à Google Analytics pour la page en cours.

0
Mile Mijatovic

En tête, juste avant la balise de fermeture </ head>, vous n'aurez aucun problème à vérifier votre site Web dans Outils pour les webmasters.

0
Sezhers