Server-side

Sur GTM Server side

Création du template

Téléchargement

Tout d'abord vous devez télécharger le template à partir de Github : https://gitfront.io/r/user-6925598/nrCxGSazrVFj/thankyou-gtms-tag/blob/output/template.tpl

Sur cette page, vous pouvez le télécharger en cliquant sur Raw.

Création

Une fois téléchargé, importez le modèle dans la libraire depuis la page Modèles puis cliquez sur Nouveau depuis la section modèles de balise.

Sur cette page, ouvrez le menu des options dans le coin en haut à droite de la page puis choisissez Importer. Ensuite sélectionnez le fichier template.tpl précédement téléchargé.

La page va se rafraichir avec le template inclus, ensuite vous pouvez sauvegarder et fermer la page.

Création de la balise

Une fois le template créé, vous pouvez créer la balise : rendez-vous sur la page Balises et cliquez sur Nouveau.

Sélectionnez le template personnalisé ThankYou Analytics.

Voici les différentes options pour configurer la balise.

Création du déclencheur

• Cliquez sur l'élément Déclencheurs du menu principal, puis Nouveau

• Lors de la sélection du type de déclencheur choisissez Personnalisé

• Ensuite sélectionnez Certains événements

• Dans la liste de sélection qui apparait, la première condition doit être Client Name égale à GA4 (si Client Name n'est pas présent dans la liste, vous pouvez le sélectionner via Choisir une variable intégrée)

• Ajoutez une seconde condition Event Name puis Correspond à l'expression régulière puis page_view|purchase

• Nommez le déclencheur Déclencheur ThankYou Analytics puis sauvegardez

Votre déclencheur devrait correspondre à :

Sur GTM web

La façon la plus facile d'envoyer de la donnée au serveur et d'utiliser la balise ThankYou Analytics, est d'utiliser la balise GA4. La configuration devrait contenir une URL de transport et envoyer au moins 2 événements au serveur : page_view et purchase.

Mise à jour du Page View GA4

Le page_view doit être configuré sur l'événement Page View sans exception de consentement. Ce page_view sera envoyé au serveur sur chaque page et doit déclencher la balise ThankYou Analytics.

Un paramètre doit être ajouté avec le status de consentement : analytics_consent. Ce paramètre est lu par ThankYou Analytics en server-side et sa valeur doit être un boolean.

Pour respecter les règles RGPD si vous avez d'autres balises que ThankYou Analytics sur la partie server-side, toutes les informations concernant la CMP doivent être envoyées avec la requête. Ensuite côté serveur tous les déclencheurs/balises doivent vérifier si l'utilisateur a donné son consentement. Uniquement la balise ThankYou Analytics (et autres balises avec exemption de consentement) peut être déclenchée sans consentement.

Ensuite vous devez créer une autre balise page_view déclenchée lorsque l'utilisateur change son statut de consentement (que ce soit une acceptation ou un refus).

Le paramètre analytics_consent doit être inclus comme précédemment, et un second paramètre, consent_updated, doit également être ajouté. Ce dernier a une valeur statique fixée à 1.

Pour rappel, veillez à prendre en compte le statut de consentement afin de déterminer le déclenchement — ou non — des tags.

Mise à jour du Purchase GA4

La balise purchase GA4 ne requiert pas de modification si le tracking est déja vérifié.

Paramètre de configuration

Taille de la fenêtre

La taille de la fenêtre (ou viewport) est une information obligatoire pour le fonctionnement de ThankYou Analytics et non disponible par défaut dans le tag GA4.

Pour la récupérer, vous pouvez utiliser une variable personnalisée de type JavaScript personnalisé :

function () {
  var viewport = {
    width: document.doctype ? Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) : Math.max(window.innerWidth || 0),
    height: document.doctype ? Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0) : Math.max(window.innerHeight || 0),
  }
  return JSON.stringify(viewport);
}

Ensuite dans votre balise GA4 faire référence à cette variable pour un nouveau Paramètre de configuration nommé viewport.

Désactivation du suivi

Dans le cadre de l'exemption de consentement, il est recommandé d'ajouter un lien au sein de la page "politique de confidentialité" afin qu'un internaute puisse désactiver le suivi dans le cadre de la mesure d'audience.

Code de la balise

Créer une nouvelle balise de type HTML personnalisée permettant la création d'un cookie Do Not Track.

<script>
  var cookieName = 'ty_dnt';
  var domainName = '';

  var ThankYou = {
    doNotTrack: function doNotTrack() {
      var date = new Date();
      // Set the expiration date to 6 months from now
      date.setTime(date.getTime() + 6 * 30 * 24 * 60 * 60 * 1000);

      document.cookie =
        cookieName +
        '=true; expires = ' +
        date.toUTCString() +
        ';path=/; SameSite=Lax; Secure; domain=' +
        domainName;
    },

    doTrack: function doTrack() {
      document.cookie =
        cookieName +
        '=; Expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/; SameSite=Lax; Secure; domain=' +
        domainName;
    }
  };
</script>

Variables

Déclenchement

Déclencher cette balise sur toutes les pages.

Appel de la fonction Do Not Track

Pour désactiver la collecte des données anonymes, il suffit d'implémenter un bouton HTML avec l'appel de la fonction Do Not Track :

<button onclick="ThankYou.doNotTrack()">
  Désactiver les cookies de mesure d'audience
</button>

Appel de la fonction Do Track

Pour activer la collecte des données anonymes, il suffit d'implémenter un bouton HTML avec l'appel de la fonction Do Track :

<button onclick="ThankYou.doTrack()">
  Activer les cookies de mesure d'audience
</button>