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.
- Crée une nouvelle variable : "Variables" > "New".
- Type de variable -> "Data Layer Variable" (variable de la couche de données)
- Nom de la variable de la couche de données -> -> Nom de la variable de la couche de données
varify_abTestShort
(orthographe obligatoire) - 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.
- Nom du déclencheur : par exemple "Varify.io - event".
- Type de déclencheur : "Événement défini par l'utilisateur
- 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.
- Nom de la balise : "Varify.io - GA4 Tracking Linker".
- Balise de configuration : [utiliser votre balise GA4 existante].
- Nom de l'événement : par exemple "Abtesting".
- Nom du paramètre :
varify_abTestShort
(orthographe Obligatoire) - valeurs :
{{VA Short}}
(La variable créée à l'étape 1) - 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
Intégrations de tracking et de Web Analytics
- Suivi avec Varify
- Intégration manuelle du suivi de Google Tag Manager
- Intégration automatique du suivi GA4
- Intégration de pixels personnalisés Shopify via Google Tag Manager
- Suivi Shopify
- Matomo - Intégration via Matomo Tag Manager
- Intégration de etracker
- Intégration de Piwik Pro
- Consent - Suivi via consent
- Paramètres avancés
- Suivi avec Varify
- Intégration manuelle du suivi de Google Tag Manager
- Intégration automatique du suivi GA4
- Intégration de pixels personnalisés Shopify via Google Tag Manager
- Suivi Shopify
- Matomo - Intégration via Matomo Tag Manager
- Intégration de etracker
- Intégration de Piwik Pro
- Consent - Suivi via consent
- Paramètres avancés
Créer une expérience
- A/B testing : créer une expérience
- A/B testing : assurance qualité
- Démarrage et arrêt des expériences
- Test de redirection et de partage d'URL
- Dupliquer la variante
- Création de plusieurs variantes
- Expérience avec plusieurs variantes
- Renommer les expériences et les variantes
- Créer une expérience multi-pages
- A/B testing : créer une expérience
- A/B testing : assurance qualité
- Démarrage et arrêt des expériences
- Test de redirection et de partage d'URL
- Dupliquer la variante
- Création de plusieurs variantes
- Expérience avec plusieurs variantes
- Renommer les expériences et les variantes
- Créer une expérience multi-pages
Ciblage
Rapports et évaluation
- Évaluation GA4 dans Varify.io
- Segmenter et filtrer les rapports
- Partager le rapport
- Évaluation basée sur l'audience dans GA4
- Analyse basée sur les segments dans GA 4
- Matomo - Évaluation des résultats
- Évaluation etracker
- Calculer la significativité
- Événements de clic personnalisés
- Évaluer les événements personnalisés dans des rapports exploratoires
- GA4 - Suivi inter-domaines
- Évaluation GA4 dans Varify.io
- Segmenter et filtrer les rapports
- Partager le rapport
- Évaluation basée sur l'audience dans GA4
- Analyse basée sur les segments dans GA 4
- Matomo - Évaluation des résultats
- Évaluation etracker
- Calculer la significativité
- Événements de clic personnalisés
- Évaluer les événements personnalisés dans des rapports exploratoires
- GA4 - Suivi inter-domaines
Éditeur visuel no/low-code
- Campaign Booster : Arrow Up
- Campaign Booster : Couche d'intention de sortie
- Campaign Booster : Barre d'information
- Campaign Booster : Notification
- Campaign Booster : Barre USP
- Ajouter une cible de lien
- Parcourir le mode
- Sélecteur personnalisé Picker
- Edit Content
- Edit texte
- Déplacement d'éléments
- Élément Hide
- Insertion de mots-clés
- Test de redirection et de partage d'URL
- Supprimer l'élément
- Replace Image
- Commutateur d'appareils réactif
- Modifications du style et de la mise en page
- Campaign Booster : Arrow Up
- Campaign Booster : Couche d'intention de sortie
- Campaign Booster : Barre d'information
- Campaign Booster : Notification
- Campaign Booster : Barre USP
- Ajouter une cible de lien
- Parcourir le mode
- Sélecteur personnalisé Picker
- Edit Content
- Edit texte
- Déplacement d'éléments
- Élément Hide
- Insertion de mots-clés
- Test de redirection et de partage d'URL
- Supprimer l'élément
- Replace Image
- Commutateur d'appareils réactif
- Modifications du style et de la mise en page