Configurer l'unification de session Google Analytics pour AMP

Au sommaire de cet article :

• Impact de l'ID client AMP sur vos données
• Configurer AMP Linker
• Vérification de la configuration
• Limites

Les pages AMP sont diffusées à partir d'un domaine AMP Cache, qui est différent du domaine de votre site. Pour suivre un parcours utilisateur entre un cache AMP et les pages de votre site, vous pouvez utiliser AMP Linker, une fonctionnalité d'AMP Analytics qui regroupe les sessions utilisateur en se servant de l'ID client AMP comme identifiant utilisateur.

La fonctionnalité AMP Linker décore les liens sortants des pages de cache AMP avec un ID client AMP. Les pages qui comportent la balise Google Analytics récupèrent ensuite l'ID client AMP dans le paramètre de requête de l'URL et unissent la session utilisateur en se servant de l'ID client AMP comme identifiant utilisateur.

Cet article décrit la procédure à suivre pour configurer AMP Linker avec Google Analytics.

Impact de l'ID client AMP sur vos données

La synchronisation des ID client AMP entre un cache AMP et votre domaine de site initial améliore la précision des métriques utilisateur, telles que la durée de la session, le taux de rebond et les pages par session. Notez que pour que l'ID client AMP soit utile, les données doivent être collectées dans la même propriété Google Analytics.

Remarque : Au moment de la première synchronisation des ID client AMP entre le cache AMP et votre domaine d'origine, les identifiants utilisateur GA existants sont réinitialisés. Comme ces identifiants sont utilisés par des fonctionnalités telles que l'analyse des cohortes, la valeur vie client et le ciblage par type d'audience, vous constaterez peut-être une fluctuation temporaire dans vos statistiques sur les nouveaux utilisateurs et les rapports associés.

Configurer AMP Linker

Pour configurer AMP Linker avec Google Analytics, vous devez suivre trois étapes :

1. Ajouter des balises à vos pages AMP
2. Ajouter des balises à vos pages non-AMP
3. Configurer les exclusions de sites référents

Étape 1. Ajouter des balises à vos pages AMP pour transmettre les paramètres AMP Linker

Installez une balise Google Analytics via la balise Google (gtag.js) ou via Google Tag Manager. Selon l'option choisie, procédez comme suit :

Option 1 : balise Google

Ajoutez la balise Google pour AMP sur vos pages de destination AMP. Reportez-vous à l'exemple d'extrait ci-dessous en apportant les modifications suivantes :

Remplacez MEASUREMENT_ID par l'ID de suivi de la propriété Google Analytics vers laquelle vous souhaitez envoyer des données.

Si vos pages AMP sont hébergées sur un domaine de premier niveau différent de celui des liens sortants vers votre site ou si vos pages AMP ne se trouvent pas sur un sous-domaine bien connu (tel que www., amp. ou m.), vous pouvez également inclure une configuration Linker comme illustré ci-dessous. Ajoutez le domaine sur lequel la page AMP est hébergée, ainsi que tous les domaines des liens sortants.

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars": {
    "gtag_id": "MEASUREMENT_ID",
    "linker": {
      "domains": ["example.com", "example2.com"]
    }
    ,
    "config": {
      "MEASUREMENT_ID": {
        "groups": "default"
      }
    }
  }
}
</script>
</amp-analytics>

Remarque : Pour gtag_id, vous pouvez spécifier l'ID du produit Google que vous utilisez pour votre page AMP, quel qu'il soit (par exemple, Google Ads ou Search Ads 360). Notez cependant que le champ gtag_id n'accepte l'ID que d'un produit Google.

Option 2 : Google Tag Manager

Créez un conteneur AMP dans Google Tag Manager.

Ajoutez une balise Google Analytics à votre conteneur AMP.

Ajoutez une balise Conversion Linker à votre conteneur AMP et sélectionnez "Activer l'association entre plusieurs domaines" et "Activer l'association à un ID client Google Analytics". Si vos pages de destination AMP sont hébergées sur le même domaine de premier niveau que les liens sortants vers votre site, vous pouvez laisser le champ "Domaines" vide.

Si vos pages AMP sont hébergées sur un domaine de premier niveau différent de celui des liens sortants vers votre site ou si les pages AMP ne sont pas sur un sous-domaine connu (tel que www., amp. ou m.), ajoutez le domaine de premier niveau sur lequel votre page AMP est hébergée, ainsi que tous les domaines des liens sortants sous forme de liste d'éléments délimités par une virgule.

 

Ajoutez l'extrait de code Tag Manager par défaut sur votre page AMP. Consultez l'exemple ci-dessous et remplacez GTM_CONTAINER_ID​CODE par l'ID de votre conteneur Tag Manager.

<!-- Google Tag Manager →
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=<   GTM_CONTAINER_ID>&gtm.url=SOURCE_URL" data-credentials="include">
</amp-analytics>

Étape 2. Ajouter des balises à vos pages non-AMP pour lire les paramètres AMP Linker

Pour ajouter des balises à vos pages non-AMP afin de lire les paramètres AMP Linker, plusieurs méthodes sont possibles. Choisissez celle qui correspond le mieux à votre configuration.

Option 1 : balise Google

Incluez l'extrait gtag.js sur vos pages non-AMP. Reportez-vous à l'exemple d'extrait ci-dessous :

• Remplacez MEASUREMENT_ID par l'ID de suivi de la propriété Google Analytics vers laquelle vous souhaitez envoyer des données.
• Si vos pages AMP sont hébergées sur un domaine de premier niveau différent de celui des liens sortants vers votre site ou si vos pages AMP ne se trouvent pas sur un sous-domaine bien connu (tel que www., amp. ou m.), vous pouvez également inclure une configuration Linker comme illustré ci-dessous. Ajoutez le domaine sur lequel votre page AMP est hébergée, ainsi que tous les domaines des liens sortants.

<!-- Balise Google (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('set', 'linker', {
    'domains': ['example.com', 'example2.com']
  });
  gtag('js', new Date());
  gtag('config', 'MEASUREMENT_ID');
</script>

Option 2 : Google Tag Manager

Pour le conteneur Web GTM, assurez-vous que la balise Google Analytics a bien été ajoutée.

Si vos pages AMP sont hébergées sur un domaine de premier niveau différent de celui des liens sortants vers votre site ou si les pages AMP ne sont pas sur un sous-domaine connu (tel que www., amp. ou m.), ajoutez la configuration suivante : dans la balise Google Analytics, ajoutez un champ "allowLinker" avec la valeur true en procédant comme suit.

1. Ouvrez la variable "Paramètres Google Analytics" que vous souhaitez modifier, puis cliquez sur la fiche Configuration de la variable.
2. Accédez à Plus de paramètres > Champs à définir.
3. Cliquez sur + AJOUTER UN CHAMP.
4. Définissez le nom du champ sur allowLinker et la valeur sur true.
5. Enregistrez la nouvelle configuration de variable.
6. Répétez cette procédure pour toutes les variables "Paramètres Google Analytics" concernées (si vous utilisez plusieurs variables dans votre conteneur).
7. Publiez le conteneur.

Utiliser le code Tag Manager par défaut sur vos pages non-AMP

Option 3 : analytics.js

Pour vos pages non-AMP, vous pouvez utiliser l'extrait de code analytics.js par défaut pour lire les paramètres AMP Linker.

<!-- 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', 'GA_TRACKING_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Si vos pages AMP sont hébergées sur un domaine de premier niveau différent de celui des liens sortants vers votre site ou si les pages AMP ne sont pas hébergées sur un sous-domaine connu (tel que www., amp. ou m.) vous pouvez également ajouter la configuration ci-dessous, comme décrit dans la configuration de plusieurs domaines pour analytics.js :

<!-- 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', 'GA_TRACKING_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomain2.example.com','www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Étape 3. Ajouter une exclusion de site référent à la console d'administration Google Analytics

Google utilise Google AMP Cache pour diffuser des contenus AMP auprès des utilisateurs. Pour empêcher les sous-domaines AMP mis en cache d'interrompre les sessions, vous devez ajouter le domaine cdn.ampproject.org en tant qu'exclusion de site référent.

Si vous diffusez des pages AMP à partir de plusieurs sous-domaines, il peut arriver que vous souhaitiez traiter un sous-domaine AMP différemment d'un autre. Dans ce cas, ajoutez les versions en cache de tous les sous-domaines existants utilisés dans l'exclusion de sites référents pour votre site Web afin de pouvoir gérer l'exclusion de sites référents sur les sites AMP et non-AMP. Par exemple, si vous avez configuré une exclusion de sites référents pour votre sous-domaine subdomain.example.com, ajoutez-en une autre pour subdomain-example-com.cdn.ampproject.org. En savoir plus sur le format des URL AMP Cache

Vérification de la configuration

Vérifiez que l'ID client Google AMP est le même sur les pages AMP et non-AMP.

Option 1 : effectuer la validation à l'aide de l'outil de test des balises AMP

Utilisez l'outil de test des balises AMP et saisissez l'URL AMP à vérifier.

Remarque : L'outil de test des balises AMP est un outil de automatisé qui simule un flux entre la page AMP diffusée via un lecteur et un lien vers la page suivante. Il doit vous servir de référence et peut ne pas fournir tous les scénarios de test (par exemple, si la page AMP contient des liens vers différents domaines ou sous-domaines). Veuillez utiliser les options ci-dessous pour les tests manuels.

Option 2 : via l'extension Chrome Google Tag Assistant

1. Téléchargez et installez l'extension Chrome Google Tag Assistant.
2. Saisissez une requête de recherche sur google.com qui renverra une page AMP pour votre site.
3. Lancez Tag Assistant Recordings.
4. Actualisez les résultats de recherche dans le navigateur une fois l'enregistrement commencé.
5. Cliquez sur le résultat de recherche qui mène à votre page AMP.
6. Cliquez sur un lien vous permettant d'aller de la page AMP vers une page non-AMP.
7. Arrêtez Tag Assistant Recordings.
8. Vérifiez qu'il n'y a qu'une seule session avec des ID cohérents comme illustré ci-dessous. L'événement "Page Load 2" (Chargement de page 2) ne doit pas avoir de libellé "Session Start" (Début de session).

 

Option 3 : via les outils pour les développeurs Chrome

1. Ouvrez le navigateur Google Chrome en mode navigation privée. Activez l'émulateur mobile dans les outils pour les développeurs Chrome.
2. Saisissez une requête sur google.com qui renverra une page AMP sur votre site, puis cliquez sur le résultat correspondant. Votre page AMP devrait être diffusée à partir de Google AMP Cache et affichée dans le lecteur Google Search AMP.
   • Remarque : Si votre page n'est pas encore disponible dans les résultats de recherche Google, vous pouvez tester le fonctionnement de l'unification de session grâce à l'outil de test AMP. Il vous permet de prévisualiser les résultats de recherche et de suivre la procédure indiquée ci-dessous (à condition que la page puisse être indexée par Google).
3. Repérez la requête réseau Google Analytics correspondant à la page vue AMP : dans l'onglet Réseau des outils pour les développeurs Chrome, saisissez collect dans le champ Filtrer.
4. Recherchez et sélectionnez la requête réseau correspondant à www.google-analytics.com. Dans l'onglet "En-têtes" de la requête, recherchez l'ID client en faisant défiler la page jusqu'à la section "Paramètres de chaîne de requête". Prenez note du paramètre cid.
5. Si la page AMP est diffusée par un lecteur AMP, le format cid doit être une chaîne base64 (de 64 caractères) :
6. Cliquez sur Effacer pour effacer les requêtes réseau.
7. Pour vous assurer que vos pages non-AMP bénéficient de l'unification de session, vérifiez que le paramètre cid reste le même lorsque vous naviguez vers une page non-AMP. Pour ce faire, cliquez sur un lien sur votre page AMP qui redirige vers une page non-AMP provenant de votre domaine. Pour repérer l'ID client, filtrez une nouvelle fois sur la chaîne "collect". Sélectionnez une requête réseau correspondant à www.google-analytics.com. Vérifiez que la valeur du paramètre de requête cid correspond à la valeur notée à l'étape 5.

Limites

• L'unification de session via AMP Linker n'aura pas lieu si un utilisateur qui visite votre site pour la première fois ferme la page AMP sans accéder à la page suivante, car l'unification de session fonctionne avec la décoration de lien.