Aller au contenu principal

Configuration du tracking

Afin de pouvoir attribuer un événement aux actions marketing l'ayant permis, Webmarketer doit être informé de la navigation de vos internautes.

Pour cela, un script de tracking est mis à disposition et peut être ajouté, au choix dans le code source de votre site ou dans votre gestionnaire de balise préféré.

Qualité de données

Ne quittez pas cette page sans avoir lu la section Configuration du sous-domaine de tracking.

Cette section est indispensable pour réduire au maximum l'influence d'ITP sur la durée de vie des cookies et éviter les restrictions de cookies tiers.

Configuration du sous-domaine de tracking​

Pourquoi utiliser un sous-domaine de tracking ?​

Les cookies peuvent être considérés comme des Cookies Tiers par les navigateurs lorsqu'un site A charge une ressource (ex: script ou pixel) sur un site B et que l'internaute possédait un cookie sur le site B.
L'envoi de ce cookie tiers au site B permet aux éditeurs tels que Google, Microsoft, Facebook, etc. de suivre votre navigation sur les différents sites internet que vous visitez.

Cette pratique soulève très légitimement des questions sur la vie privée, et c'est pour cette raison que les sociétés éditrices de navigateur empêchent de plus en plus l'envoi des Cookies Tiers empêchant ainsi ces grands acteurs de la publicité de suivre votre navigation à travers différents sites.

A la date de la rédaction de cette page, Firefox et Safari ont déjà pris le parti de ne plus envoyer les cookies tiers.

En empêchant l'envoi des Cookie Tiers, les navigateurs emportent dans leur sillage les solutions d'analyse "First Party", collectant votre donnée sans la mutualiser avec celle d'autres sites, et que vous devriez pouvoir légitimement analyser.

Exemple

Si vous installez Webmarketer sur votre site sans configurer de sous-domaine de tracking, les informations de navigation seront, par défaut, envoyées sur le domaine ndrstnd.io.

ndrstnd.io étant un un domaine racine différent de celui de votre site, le cookie sera considéré comme tiers et risque de ne pas être envoyé.

Webmarketer est orienté collecte de données First Party, c'est à dire que l'ensemble des données collectées sont scopées dans votre projet et ne sont pas mutualisées ou croisées avec les données de navigation d'autres sites.

Pour s'assurer que ces données ne seront pas croisées, la section suivante vous présentera la solution technique permettant de palier à cette problématique.

Solution technique​

Afin d'assurer une isolation entre les données de votre site et celles des autres clients Webmarketer, il est possible de mettre en place une isolation forte, empêchant tout croisement de données entre vos projets : utiliser un sous-domaine de tracking.

En utilisant un sous-domaine, vous vous assurez que le cookie de suivi déposé sera FirstParty et scopé sur votre domaine racine ; Rendant ainsi impossible le suivi cross-site et permattant ainsi un suivi optimal et respectueux.

La mise en place de ce sous domaine de tracking nécessite la création d'un sous-domaine sur le domaine racine de votre/vos site(s).

  1. Rendez-vous sur l'interface de gestion de votre nom de domaine (ex: OVH, Gandi, Cloudflare, etc.)
  2. Rendez-vous dans la section de gestion des enregistrements DNS de votre nom de domaine
  3. Ajouter un enregistrement de type CNAME
    • Choisissez le sous-domaine que vous voulez utiliser *
    • Définissez ndrstnd.io comme nom de domaine cible
* Attention

Il est conseillé d'éviter les mots clés pouvant être bloqués par certaines extensions de navigateur comme tracking, ads, webmarketing, etc.

Une fois l'enregistrement DNS créé, vous pouvez ajouter votre sous-domaine à la configuration de votre projet via le sous menu Tracking utilisateur.

label

Ajoutez votre sous-domaine et Webmarketer :

  • Vérifiera que la configuration du sous-domaine est correcte et correctement propagée
  • Générera un certificat SSL pour sécuriser les échanges entre les internautes et Webmarketer

label

Ajout et configuration du script​

Note

Si vous utilisez le plugin Wordpress Webmarketer, cette configuration n'est pas nécessaire.

Le script NDRSTND doit être ajouté et correctement configuré sur l'ensemble des pages d'un site afin de pouvoir envoyer des données à Webmarketer.

Site internet classique

voir plus

Cette méthode d'ajout est recommandée pour les sites "traditionnels", n'utilisant de framework front du type (Angular, React, Vuejs, Svelte, Amber, etc.)

info

En cas de doute, transmettez cet article au responsable technique de votre/vos site(s) ou contactez notre support.

L'extrait de code suivant est un exemple du code à insérer sur l'ensemble des pages de votre/vos site(s) :

<script>
  // Partie 1
  (function (w, d, s, u, n, e, a) {
    w["NDRSTND_ALIAS"] = n; w[n] = w[n] || function (cb) { (w[n].q = w[n].q || []).push(cb); };
    e = d.createElement(s); e.src = u; e.async = 1;
    a = d.getElementsByTagName(s)[0]; a.parentNode.insertBefore(e, a);
  })(window, document, "script", "https://cdn.ndrstnd.io/ndrstnd-v1.js", "ndrstnd");

  // Partie 2
  ndrstnd(function (client) {

    // Partie 3
    // à changer en fonction de votre projet
    const tracker = client.createTracker(
      "mon-identifiant-projet", 
      { ndrstndDomain: "sous-domaine.monsite.com" },
    );

    // Partie 4
    tracker.send("pageview");

  });
</script>

Ce code peut être découpé en plusieurs parties :

  1. Partie 1 : Cette section permet de charger charger le script NDRSTND sur la page.
  2. Partie 2 : La fonction ndrstnd() est appelée lorsque le SDK est prêt et chargé, elle prend en paramètre une fonction dont le premier paramètre est le client d'API
  3. Partie 3 : Un tracker est créé avec la méthode client.createTracker()
    • Le premier paramètre est l'identifiant du projet Webmarketer (renseigné à la création du projet)
    • Le second paramètre permet de spécifier des options, notamment le sous-domaine de tracking (consulter la section suivante)
  4. Enfin un message pageview est envoyé à Webmarketer avec la méthode tracker.send()
Note

Il est possible d'enrichir les données envoyées par le tracker pour identifier un même utilisateur entre différentes sessions grâce à la méthode tracker.setIdentifier() qui prend en premier paramètre le nom de l'identifiant et en second paramètre la valeur de l'identifiant pour l'utilisateur connecté.

⚠️ La valeur doit être unique pour chaque utilisateur pour ne pas fausser les données de Webmarketer

⚠️ Cet identifiant ne doit pas contenir une donnée à caractère personnel comme une adresse email à moins que cette donnée ne soit anonymisée Pour plus d'information sur le fonctionnement du SDK, consultez la page dédiée

Single Page Application (SPA)

voir plus

Cette section est en cours de construction, en attendant sa rédaction, n'hésitez pas à contacter notre support qui se fera une joie de vous assister dans la mise en place de Webmarketer sur votre/vos site(s).

Installation via un TMS​

Si vous souhaitez installer le script de suivi via un TMS, vous trouverez ci-dessous les guides d'implémentation :

danger

L'installation du script de tracking par le biais d'une solution de TMS n'est pas recommandée car un certain nombre d'extensions de navigateurs bloquent leur chargement, et ce, même lorsque les balises y étant configurées sont légitimes.

Une fois, le script mis en place, les premières sessions apparaîtrons dans Webmarketer au bout d'une heure maximum (les sessions de votre projet sont importées une fois par heure, le délai d'apparition des sessions peut donc parfois être inférieur).

D'ici leur réception, continuons ce guide de démarrage et passons à la configuration de vos utilisateurs.