Syntaxe classique

Ce document explique comment configurer le suivi Analytics pour votre site Web à l'aide de l'extrait de code de suivi traditionnel ga.js. Si vous configurez le suivi pour la première fois, nous vous recommandons d'utiliser l'extrait de code de suivi par défaut, décrit dans Suivi des sites.

Il existe deux méthodes de base pour configurer le suivi sur votre propriété Web: la configuration standard et la configuration personnalisée. Ce document aborde ces différentes façons, ainsi que les sujets connexes:

Une fois que vous avez correctement inséré le code de suivi ga.js sur votre site, vous commencez à recevoir des données de rapport. Les données apparaissent dans vos rapports dans les 24 heures suivant la configuration du code de suivi.

Configuration standard

Lorsque vous commencez à mettre en œuvre le suivi sur votre site Web Google Analytics, vous devez installer le code de suivi sur les pages de votre site Web. L'extrait de code de suivi générique se compose de deux parties: un tag de script qui référence le code de suivi ga.js, et un autre script qui exécute le code de suivi. 

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
  var pageTracker = _gat._getTracker("UA-xxxxxx-x");
  pageTracker._trackPageview();
} catch(err) {}
</script>

Vous devez inclure cet extrait de code de suivi dans les pages de votre site afin qu'il apparaisse en bas de la structure HTML (ou HTML généré), avant la balise de fermeture <body>. Pour en savoir plus, consultez la Présentation fonctionnelle, qui explique la logique derrière l'exécution du code de suivi.

Remarque: Si vous configurez le suivi d'une propriété Web qui couvre plusieurs domaines ou sous-répertoires, vous devez modifier le code de suivi afin d'obtenir des données de rapport précises pour votre vue (profil). En outre, si vous configurez une vue (profil) spécifiquement pour un sous-répertoire d'un domaine plus important, vous devez également modifier le code de suivi. Pour en savoir plus, consultez le guide sur les domaines et les répertoires.

Le script du code de suivi (partie 1)

La première partie du tag de script (représentée par les lignes 1 à 4 du code ci-dessus) utilise JavaScript pour déterminer de façon dynamique si le protocole HTTP de la page demandée est sécurisé ou standard. Il utilise ensuite le protocole approprié pour référencer le code de suivi. Ainsi, si une page de votre site est diffusée via un protocole HTTP standard, la chaîne obtenue est la suivante: 

<script src='http://www.google-analytics.com/ga.js' type='text/javascript'>

Si une autre page est fournie via une connexion sécurisée, la chaîne obtenue est la suivante:

<script src='https://ssl.google-analytics.com/ga.js' type='text/javascript'>

Si vous utilisez à la fois des pages sécurisées et non sécurisées, laissez le tag de script initial tel quel afin que la connexion appropriée puisse être déterminée. Si toutes les pages de votre site sont diffusées via le protocole HTTP standard, vous pouvez remplacer la première balise par l'appel simplifié vers le code de suivi Google Analytics.

Script du code de suivi – 2e partie

Le second ensemble de balises JavaScript comprend les méthodes nécessaires à l'exécution de l'appel de suivi pour les données de la page. Cette partie du code de suivi doit également contenir les méthodes personnalisées à appliquer à toutes les pages de votre site. L'initialisation et les méthodes sont placées dans un bloc try/catch afin de traiter les erreurs JavaScript sans affecter le visiteur.

L'ordre des appels de méthode fournis dans l'extrait de code de suivi générique est important. Vous devez suivre ces consignes générales lorsque vous modifiez le code de suivi pour l'adapter à votre site Web:

  • La première ligne du script de suivi doit toujours initialiser l'objet de suivi des pages. 
    • var pageTracker = _gat._getTracker("UA-123456-1");
    La première ligne de l'extrait de code de suivi standard initialise l'objet de suivi par défaut sur l'ID de propriété Web Google Analytics que vous indiquez en tant que paramètre. Les appels de méthode ultérieurs utilisent cet objet.
  • Les dernières lignes de votre extrait de code de suivi doivent appeler la méthode _trackPageview().
    Tous les appels de méthode personnalisés qui définissent ou initialisent une valeur doivent être insérés avant _trackPageview().
    // put in customized calls after pageTracker object and before_trackPageview() methods
pageTracker.setAllowLinker(true);
pageTracker._trackPageview();

Où placer le code de suivi ?

Le code de suivi est conçu pour lire les données de votre page après le chargement de son contenu. C'est pourquoi l'extrait doit être placé juste avant la balise de fermeture </body> de votre page Web. Une fois le contenu de votre page chargé, le code de suivi, une fois exécuté, lit le contenu de votre page en suivant le modèle objet de document (DOM). Toutes les informations pertinentes pour le suivi sont ensuite utilisées pour établir les informations de la page, définir/mettre à jour les cookies et envoyer la demande GIF aux serveurs Google Analytics.

En plaçant le script à la fin du corps de la page, vous vous assurez que le code de suivi est exécuté en tant que dernier élément du DOM. Si le chargement d'une page donnée est interrompu pour une raison quelconque, il est possible que la demande GIF correspondante ne soit pas exécutée. Cependant, si vous placez le code de suivi en haut de la page, toute interruption de chargement peut entraîner des rapports incomplets ou inexacts, étant donné que le code de suivi s'appuie sur les données des pages.

De plus, l'emplacement physique de l'appel du code de suivi en bas de la page est plus efficace que l'utilisation d'une fonction onLoad() pour appeler le code de suivi. Si vous utilisez onLoad() pour exécuter le code de suivi, l'exécution repose sur le modèle d'événement du navigateur et non sur le DOM. Dans ce cas, si une image distante ne se charge pas sur une page, onLoad() n'est pas appelé, alors que le DOM de la page peut se charger complètement.

Personnaliser la configuration

Vous pouvez personnaliser Google Analytics de différentes façons pour modifier l'affichage des données de rapport.La plupart des sites Web (à l'exception du plus basique) peuvent bénéficier d'un ajustement de la configuration de base.En réalité, si votre site présente l'une des caractéristiques suivantes, vous devez modifier le code de suivi pour que le comportement des visiteurs soit consigné avec précision.

  • E-commerce : vous possédez un site d'e-commerce ou un panier, et vous souhaitez suivre l'activité des visiteurs liée aux achats.
  • Plusieurs domaines : la présence de votre site Web couvre plusieurs noms d'hôtes ou domaines, et vous souhaitez suivre l'activité des visiteurs (y compris l'activité du panier) sur ces propriétés.
  • Paniers de magasins tiers : votre site Web est hébergé par un fournisseur dans un sous-répertoire et vous souhaitez suivre l'activité des visiteurs sur une partie du site (comme un panier) située dans un autre répertoire du site de l'hébergeur.
  • Variables de suivi de campagne personnalisées : vous avez déjà des liens vers votre site qui contiennent les variables de suivi de campagnes personnalisées que vous souhaitez utiliser.

En outre, vous pouvez apporter de nombreux autres ajustements au comportement standard des rapports Google Analytics. Vous pouvez, par exemple, ajuster la durée de la session visiteur ou celle d'une campagne, ou désactiver la collecte des informations sur le navigateur.

Vous pouvez personnaliser les rapports dans deux domaines essentiels:

  • L'interface d'administration des rapports Google Analytics
  • l'utilisation de méthodes de code de suivi supplémentaires dans vos pages Web ;

Personnalisation à l'aide de l'interface d'administration

L'interface d'administration propose les fonctionnalités suivantes, que vous pouvez utiliser pour affiner l'affichage de vos données dans les rapports:

  • Objectifs
    Définissez des objectifs pour les pages clés de votre site que les utilisateurs sont susceptibles de visiter.Le plus souvent, les objectifs sont utilisés dans les sites de commerce électronique pour examiner les statistiques concernant la façon dont les clients accèdent à la page d'achat finale dans un ensemble de pages connexes, telles que le panier, le bon de commande et la confirmation de commande.Toutefois, vous pouvez également les utiliser dans n'importe quel autre scénario, par exemple un guide par étapes sur la procédure à suivre ou un lien "Plus" sur un blog. Pour plus d'informations sur les objectifs, consultez À propos des objectifs.
  • Vues (profils) et filtres
    Vous pouvez configurer des vues (profils) pour certains utilisateurs des rapports afin d'inclure ou d'exclure certains contenus dans ces rapports. Cette fonctionnalité est utile lorsque votre site Web est très volumineux et que vous souhaitez connaître les statistiques des pages pour une section du site indépendamment l'une de l'autre.Par exemple, vous pouvez disposer d'une section d'un site Web entièrement dédiée à l'habillement et d'une autre section entièrement dédiée à l'électronique. Vous souhaitez alors analyser les statistiques de votre page sur les vêtements par rapport à l'ensemble des vêtements, mais indépendamment de l'électronique. Lorsque les vues (profils) servent à exclure certaines sections d'un site Web, elles limitent les rapports sur le contenu uniquement pour les pages autorisées. Pour obtenir des informations utiles sur les vues (profils) et les filtres, consultez le centre d'aide.

Personnalisation à l'aide de méthodes de code de suivi supplémentaires

Le GATC propose différentes méthodes que vous pouvez utiliser pour configurer le code de suivi en fonction des besoins de votre site. N'oubliez pas que chaque page de votre site doit utiliser soit le code de suivi urchin.js, soit le code de suivi ga.js et les méthodes associées, mais pas les deux. 

Nous vous déconseillons d'utiliser les deux codes de suivi sur une même page, car vous risquez de générer des erreurs dans les rapports de ces pages. 

Certains des scénarios les plus courants nécessitant la configuration du code de suivi sont décrits dans la section Suivi de l'e-commerce. De plus, l'API de suivi fournit une liste de toutes les méthodes de suivi que vous pouvez utiliser dans ga.js. Elle regroupe également ces méthodes selon des utilisations de base de la création de rapports, telles que les méthodes d'e-commerce et de suivi des événements.