Client-side

Tag de configuration

<script>
  // Add this statement to load the bundle only if not already in the DOM
  var clientId = ''; // please ask your cliendId to your account manager
  var scriptUrl = 'https://data.thank-you.io/bundle-v0.4-' + clientId + '.js';

  var thankYouScript = document.createElement('script');
    thankYouScript.src = scriptUrl;
    thankYouScript.id = 'ThankYouScript';
    thankYouScript.async = 'true';
    thankYouScript.dataset.exemption = 'true';

  if (
    Boolean(document.querySelector('script[src="' + scriptUrl + '"]')) === false
  ) {
  if (document.readyState !== 'loading') {
    document.body.appendChild(thankYouScript);
  } else {
    document.addEventListener('DOMContentLoaded', function () {
      document.body.appendChild(thankYouScript);
    });
  }
}
</script>

Attributs

Déclenchement

Ce tag doit être déclenché sur l'ensemble des pages du site. Le consentement n'est pas nécessaire à l'execution de ce tag.

Recette

Depuis le debugger de votre navigateur, filtrer les requêtes avec "data.thank-you.io" afin d'afficher le fichier JavaScript ThankYou Analytics.

Traceur et données personnelles

Aucun traceur n'est déposé par ce code et aucune donnée personnelle n'est stockée.

Évènements de consentement

Évènement consentement accordé

<script>
  if (typeof ThankYou !== 'undefined' && ThankYou !== 'undefined') {
    ThankYou.track(true);
  } else {
    thankYouScript.addEventListener('load', function () {
      ThankYou.track(true);
    });
  }
</script>

Déclenchement

Ce tag doit être déclenché au clic de l'internaute sur le bouton "Accepter" mais aussi sur l'ensemble des pages du site lorsque l'internaute à un statut de consentement positif.

Recette

Depuis le debugger de votre navigateur, filtrer les requêtes avec "ping.thank-you.io" et vérifier que le nom de l'évènement dans l'attribut "type" a pour valeur "consentAttribution" et pour paramètre "consentStatus" à true. Ce ping se déclenche automatiquement lorsque l'internaute vient d'une source de trafic extérieure.

Traceur et données personnelles

Des traceurs sont déposés par ce code dans le LocalStorage du navigateur de l'internaute.

Évènement consentement refusé

<script>
  if (typeof ThankYou !== 'undefined' && ThankYou !== 'undefined') {
    ThankYou.track(false);
  } else {
    thankYouScript.addEventListener('load', function () {
      ThankYou.track(false);
    });
  }
</script>

Déclenchement

Ce tag doit être déclenché au clic de l'internaute sur le bouton "Refuser" mais aussi sur l'ensemble des pages du site lorsque l'internaute à un statut de consentement négatif.

Recette

Depuis le debugger de votre navigateur, filtrer les requêtes avec "ping.thank-you.io" et vérifier que le nom de l'évènement dans l'attribut "type" a pour valeur "consentAttribution" et que le paramètre "consentStatus" est défini sur false. Ce ping se déclenche automatiquement lorsque l'internaute vient d'une source de trafic extérieure.

Traceur et données personnelles

Aucun traceur n'est déposé par ce code et aucune donnée personnelle n'est stockée.

Évènements de conversion

Conversion consentement accordé

<script>
  var tyParams = {
    orderId: '123',
    voucher: 'ABC',
    amount: 123.32,
    margin: 20,
    // Custom dimensions (audience / conversion)
    newClient: true,
    voucher: 'SUMMER10',
    country: 'FR'
  };

  if (typeof ThankYou !== 'undefined' && ThankYou !== 'undefined') {
    ThankYou.pingAttributionOrder(tyParams, true);
  } else {
    thankYouScript.addEventListener('load', function () {
      ThankYou.pingAttributionOrder(tyParams, true);
    });
  }
</script>

Déclenchement

Ce tag doit être déclenché sur la page de confirmation de conversion avec consentement.

Recette

Depuis le debugger de votre navigateur, filtrer les requêtes avec "ping.thank-you.io" afin d'afficher le contenu de la requête.

Traceur

Des traceurs sont lus par ce code sur le navigateur de l'internaute.

Attributs

Conversion consentement refusé

<script>
  var tyParams = {
    orderId: '123',
    voucher: 'ABC',
    amount: 123.32,
    margin: 20,
    // Custom dimensions (audience / conversion)
    newClient: true,
    voucher: 'SUMMER10',
    country: 'FR'
  };

  if (typeof ThankYou !== 'undefined' && ThankYou !== 'undefined') {
    ThankYou.pingAttributionOrder(tyParams, false);
  } else {
    thankYouScript.addEventListener('load', function () {
      ThankYou.pingAttributionOrder(tyParams, false);
    });
  }
</script>

Déclenchement

Ce tag doit être déclenché sur la page de confirmation de conversion en cas de refus de consentement.

Recette

Depuis le debugger de votre navigateur, filtrer les requêtes avec "ping.thank-you.io" afin d'afficher le contenu de la requête.

Traceur

Aucun traceur n'est lu et les identifiants personnels comme l'orderId sont supprimés à la reception des données.

Attributs

Enrichissement de conversion

L'enrichissement de conversion permet d'enrichir une conversion déjà envoyée à ThankYou en y ajoutant des informations, ou modifier des éléments existants.

<script>
  var tyParams = {
    orderId: '123',
    voucher: 'ABC',
    amount: 123.32,
    margin: 20,
    // Custom dimensions (audience / conversion)
    newClient: true,
    voucher: 'SUMMER10',
    country: 'FR'
  };

  var consentStatus = true;
  if (typeof ThankYou !== 'undefined' && ThankYou !== 'undefined') {
    ThankYou.pingOrderEnrichment(tyParams, consentStatus);
  } else {
    thankYouScript.addEventListener('load', function () {
      ThankYou.pingOrderEnrichment(tyParams, consentStatus);
    });
  }
</script>

Attributs

Pour les attributs liés aux événements d'enrichissement de conversion, veuillez vous référer à la page pour les enrichissements de conversion

Désactivation du suivi

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>