• Intégration de Google Tag Manager via Shopify Custom Pixel

    REMARQUE IMPORTANTE : Ces instructions ne doivent être suivies que si tu as intégré le Google Tag Manager via le Shopify Custom Pixel. 

    Table des matières

    En bref

    Dans ce guide, tu apprendras comment transmettre les événements Varify à Google Analytics 4 à l'aide de Google Tag Manager via l'intégration Shopify Custom Pixel.

    Intégration Shopify au moyen du Custom Pixel

    Étape 1 : Sélectionner la connexion Analytics "Shopify App / Custom Pixel".

    Va sur app.varify.io et clique sur "Go to tracking setup". Ensuite, dans l'assistant de configuration du suivi, sélectionne "Google Analytics 4 (Shopify Custom Pixel Integration)". Suis les étapes de l'assistant de configuration. Ce n'est que si tu utilises déjà le GTM sur ton site qu'il est nécessaire de suivre les étapes suivantes.

    Étape 2 : Ajoute la fonction varify analytics.subscribe dans le pixel personnalisé du GTM

    Dans le backend Shopify, accède à la section "Customer events" et ouvre le pixel personnalisé dans lequel tu as intégré ton GTM.

    L'événement Varify est créé à l'aide de la fonction analytics.subscribe à ta couche de données. Dans la capture d'écran, tu vois l'événement Varify inséré tout en bas.

    Ajoute le code suivant dans ton pixel personnalisé, en dessous du code Google Tag Manager :

    				
    					analytics.subscribe('varify', (event) => {
      window.dataLayer.push({
       'event': "varify",
        ...event.customData   
      });
    });
    				
    			

    Étape 3 : Désactiver l'option "Start Tracking on Activation Event".

    Sous "Tracking Options", va sur "Advanced Setup". Désactive l'option "Start Tracking on Activation Event".

    Étape 4 : Configuration de Google Tag Manager

    1. création d'une nouvelle variable de couche de données (VA Short)

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

    1. Crée une nouvelle variable : "Variables" > "New".
    2. Type de variable -> "Data Layer Variable" (variable de la couche de données)
    3. Nom de la variable de la couche de données -> -> Nom de la variable de la couche de données varify_abTestShort (orthographe obligatoire)
    4. Nommer la variable -> VA Short

    2. création d'un nouveau déclencheur (Varify.io - Event)

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

    1. Nom du déclencheur : par exemple "Varify.io - event".
    2. Type de déclencheur : "Événement défini par l'utilisateur
    3. Nom de l'événement : varify (orthographe obligatoire)

    3. création d'une nouvelle balise GTM (Varify.io - GA4 Tracking Linker)

    Les tags sont des bouts de code qui envoient les valeurs stockées dans les variables à ton outil d'analyse, comme par exemple Google Analytics. Crée maintenant une balise sochles pour envoyer les valeurs des variables créées à Google Alytics.

    1. Nom de la balise : "Varify.io - GA4 Tracking Linker".
    2. Balise de configuration : [utiliser votre balise GA4 existante].
    3. Nom de l'événement : par exemple "Abtesting".
    4. Nom du paramètre : varify_abTestShort (orthographe Obligatoire)
    5. valeurs : {{VA Short}} (La variable créée à l'étape 1)
    6. Déclencheur : "Varify.io - event" (le déclencheur créé à l'étape 2)

    4. publier le conteneur GTM

    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 ligne et envoie les données à ton Google Analytics.

  • Premiers pas