• Intégration de etracker

    Table des matières

    En bref

    Tu peux facilement relier etracker à Varify de deux manières. Choisis l„“intégration directe" si tu souhaites envoyer directement des événements etracker.

    Tu peux également utiliser un gestionnaire de balises. Dans ce cas, les événements de suivi sont transmis à etracker via le Tag Manager.

    Envoi des événements Varify avec ou sans User Consent

    Tu as la possibilité de charger directement le script Varify, de sorte que les expériences puissent être livrées sans consentement de l'utilisateur (pas de conseil juridique - tu dois prendre la décision toi-même). Indépendamment de cela, tu ne peux envoyer les événements de suivi à etracker qu'après avoir obtenu le consentement de l'utilisateur. Tu peux également intégrer le script Varify après le consentement de l'utilisateur.

    Envoi des événements Varify uniquement en cas de consentement de l'utilisateur

    Tu charges le script Varify et donc la livraison de tes variantes sans User-Consent, mais tu souhaites envoyer les événements Varify à etracker par User Consent, alors suis ces instructions. Va dans Advanced Setup et assure-toi que le paramètre “Start Tracking on Activation Event” est activé. 

    Le JavaScript suivant doit être exécuté par page vue en fonction du consentement, afin que Varify envoie des données à etracker :

    				
    					<script>
      if (window.varify && typeof window.varify.setTracking === 'function') {
        window.varify.setTracking(true);
      } else {
        window.addEventListener('varify:loaded', function () {
          window.varify.setTracking(true);
        });
      }
    </script>
    				
    			

    Envoi des événements Varify sans le consentement de l'utilisateur

    Si tu souhaites envoyer les données à etracker sans le consentement de l'utilisateur, va dans Advanced Setup et désactive le setting “Start Tracking on Activation Event”.

    Intégration directe etracker

    Choisis l'intégration directe si tu as intégré etracker directement dans ton code source via un snippet JavaScript et si tu envoies les événements directement par ce biais.

    Remarque : si tu utilises l'intégration directe, l'intégration de Tag Manager n'est pas nécessaire.

    Réglage de la configuration de test A/B dans Varify

    Pour une intégration directe avec etracker, tu peux tout simplement régler les options de test A/B dans Varify. Voici comment tu peux procéder :

    1. Clique sur "A/B Testing Options" dans le tableau de bord.
    2. Choisis ensuite "Go to Tracking Setup".
    3. Sous "Analytics Connection", tu sélectionnes "etracker".
    4. Enregistre les modifications en cliquant sur "Update".

    Dès que tu as réglé ta configuration de suivi sur "etracker", les données de tes expériences sont automatiquement transférées dans ta etracker-Property.

    Intégration de etracker avec Tag Manager

    Définir la connexion Analytics

    Remarque : si tu utilises l'intégration de Google Tag Manager, la configuration du suivi dans Varify doit être réglée sur "Google Tag Manager".

    Avant de commencer à utiliser Google Tag Manager, tu dois d'abord configurer les paramètres appropriés dans ton tableau de bord :

    1. Dans le tableau de bord, va dans "A/B Testing Options" et sélectionne "Go to Tracking Setup".
    2. Sous "Connexion Analytics", tu sélectionnes "Google Tag Manager".
    3. Confirme ta sélection en cliquant sur "Mise à jour".

    Adaptations dans le Google Tag Manager

    Pour intégrer Varify.io avec etracker via le Google Tag Manager, tu dois créer une balise dans le Tag Manager qui envoie des événements de tracking à etracker. Cela te permettra d'évaluer efficacement les résultats de tes expériences.

    1. créer une variable de couche de données

    Cette variable est utilisée pour attribuer les informations du test A/B à une balise.

    • Nom de la variable : par ex. "VA Short" (ou choisir son propre nom)
    • Nom de la variable de couche de données : " ".varify_abTestShort" (obligatoire)

    2. créer un déclencheur

    Le déclencheur est l'événement décisif qui déclenche la transmission des données au système Analytics.

    • Nom du déclencheur : par exemple "Varify.io® - Event" (ou choisir son propre nom)
    • Type de déclencheur : "Événement défini par l'utilisateur" (obligatoire)
    • Nom de l'événement : "varify" (obligatoire)

    3. créer un tag

    Les tags sont des bouts de code qui envoient les valeurs enregistrées dans les variables à ton outil d'analyse, comme par exemple etracker.

    • Nom de la balise : par exemple "Varify.io® - GA4 Tracking Linker" (ou choisir son propre nom)
    • Balise de configuration : HTML personnalisé
    • Insère le code suivant dans la balise HTML personnalisée
    • Les noms des variables dans les {{...}} doivent correspondre au nom avec lequel tu as nommé la variable auparavant. -> Astuce : si tu tapes "{{", toutes les variables créées te seront proposées.
    • Déclencheur : Insérer un "Varify.io® - Event" créé précédemment

    Version actuelle :

    				
    					<script>
    _etracker.sendEvent(new et_UserDefinedEvent("ABtesting", "Experiment", "{{VA Short}}"));
    
    </script>
    				
    			

    Version alternative pour un chargement lent d'etracker

    				
    					<script>
    
    (function() {
      var abTestEventSent = false;
      function waitForEtrackerAndSendEvent(retries, delay) {
        if (!abTestEventSent && typeof _etracker !== "undefined" && typeof et_UserDefinedEvent !== "undefined") {
          _etracker.sendEvent(new et_UserDefinedEvent("ABtesting", "{{VA ExperimentName}}", "{{VA Short}}"));
          abTestEventSent = true;
    
        } else if (!abTestEventSent && retries > 0) {
          setTimeout(function() {
            waitForEtrackerAndSendEvent(retries - 1, delay);
          }, delay);
    
        } else if (!abTestEventSent) {
          console.warn("etracker oder et_UserDefinedEvent wurde nicht gefunden.");
        }
      }
       waitForEtrackerAndSendEvent(20, 200);
    })();
    
    </script>
    				
    			

    Version obsolète du snippet :

    				
    					<script>
    etracker.sendEvent(new et_UserDefinedEvent('ABtesting', '{{VA Short}}'));
    </script>
    				
    			

    4. publie les adaptations apportées à ton conteneur GTM un jour

    Pour que tes adaptations dans Google Tag Manager fonctionnent également sur ton site web, il est important de publier les modifications.

    Pour ce faire, va dans le Tag Manager à gauche et clique sur "Aperçu". Ici, tu peux voir un aperçu de tous les éléments que tu viens de créer.

    Pour publier, clique en haut à droite sur le bouton bleu "Publier" et confirme. A partir de maintenant, le tag est en direct et envoie les données à etracier.

    Vérifier ton intégration de suivi

    Pour t'assurer que tout est correctement connecté, nous te recommandons de lancer un test A/A. Cela te permettra de t'assurer que tout fonctionne correctement avant de commencer à tester.

    Pour savoir comment fonctionne exactement un test A/A, clique ici : Lance un test A/A et vérifie le suivi

    Évaluation de tes expériences dans etracker

    Nous avons résumé dans une documentation utilisateur spécifique la manière dont tu peux évaluer tes expériences dans etracker.

    Cliquez ici pour l'évaluation : Évaluation etracker

  • Premiers pas