Google Tag Manager
Configuration initiale
Comprendre la couche de données
La couche de données devrait avoir été implémentée sur votre page web par vos développeurs.
Une couche de données est un objet qui contient toutes les informations que vous souhaitez partager avec Google Tag Manager (GTM). Des informations telles que des événements ou des variables peuvent être partagées avec Google Tag Manager via la couche de données, et des déclencheurs peuvent être configurés dans Google Tag Manager en fonction des valeurs des variables (par exemple, déclencher une balise de remarketing lorsque purchase_total > $100) ou en fonction des événements spécifiques. Les valeurs des variables peuvent également être partagées avec d'autres balises (par exemple, ajouter purchase_total dans le champ de valeur d'une balise).
Consultez le guide du développeur GTM pour des détails complets sur le fonctionnement de la couche de données.
Exemple d'une couche de données :
window.dataLayer = window.dataLayer || []
window.dataLayer.push({
'email':'jenny.smith@rokt.com',
'consumer': {
'firstname' : 'Jenny',
'lastname' : 'Smith'
},
'ecommerce': {
'transaction': {
'amount' : '12.36'
}
},
'event':'gtm.transactionComplete'
});
Ajouter l'intégration Rokt
Ajouter un déclencheur
Cliquez sur Déclenchement.
Tester l'intégration
Intégrer l'ID Rokt avec Google Tag Manager
Les instructions suivantes permettent d'intégrer l'ID Rokt sur votre page de destination avec Google Tag Manager. Plus d'informations sur Rokt ID.
Si vous souhaitez intégrer l'ID Rokt directement sur votre page de destination, veuillez consulter ce guide d'intégration.
Ouvrez Google Tag Manager.
Cliquez sur Balises.
Cliquez sur Nouveau.
Nommez votre balise.
Cliquez sur Configuration de la balise.
Sélectionnez HTML personnalisé.
Ajoutez l'un des extraits de code suivants dans le champ HTML en fonction de si votre site web utilise un ou plusieurs sous-domaines.
Pour un seul sous-domaine:<script src="https://apps.rokt.com/integrations/referral-tag/referral-tag.js" async></script>
Pour plusieurs sous-domaines:<script>
var scriptElement = document.createElement('script');
scriptElement.src = 'https://apps.rokt.com/integrations/referral-tag/referral-tag.js';
scriptElement.async = true;
scriptElement.setAttribute('data-fp-domain', 'your_base_domain');
document.head.appendChild(scriptElement);
</script>Configurez un déclencheur pour activer la balise ID Rokt sur la page correcte. Ce sera très probablement votre page de destination.
- Cliquez sur l'icône Plus en haut à droite pour créer un nouveau déclencheur, puis nommez-le. Si votre application web est une application à page unique, choisissez le type de déclencheur Changement d'historique, sinon choisissez Vue de page.
- Changez les règles de déclenchement pour Certains changements d'historique ou Certaines vues de page.
- Entrez le paramètre URL qui identifie la page où la balise doit se déclencher. Par exemple, si votre page de confirmation est
example.com/cart/payment/shipping
, le paramètre d'identification peut être n'importe lequel decart
,payment
oushipping
. . - Cliquez sur Enregistrer.
Cliquez sur Enregistrer.
Test et validation
Depuis Google Tag Manager, allez à votre espace de travail et choisissez Aperçu.
- Entrez l'URL de votre site.
- Choisissez Connecter. Cela devrait ouvrir une nouvelle fenêtre exécutant la balise Rokt ID nouvellement configurée.
Copiez l'URL de la nouvelle fenêtre ouverte et transmettez-la à votre gestionnaire de compte Rokt. Ils effectuent les tests et l'assurance qualité pour l'intégration de la balise Rokt ID.
Identifier votre nom de variable
Les variables sont configurées dans votre GTM et sont associées à la couche de données. Consultez le guide du développeur GTM pour plus de détails sur les variables.
La structure de votre couche de données sur votre page affecte le nom de la variable de la couche de données dans votre GTM.
Exemple de script de couche de données 1:
window.dataLayer.push({
'email':'jenny.smith@rokt.com'
});
Nom de la variable de la couche de données : email
Exemple de script de couche de données 2:
window.dataLayer.push({
'consumer': {
'firstname' : 'Jenny'
}
});
Nom de la variable de la couche de données : consumer.firstname
Exemple de script de couche de données 3:
window.dataLayer.push({
'ecommerce': {
'transaction': {
'amount' : '12.36'
}
}
});
Nom de la variable de la couche de données : ecommerce.transaction.amount
Configurer des variables dans GTM
Ouvrez Google Tag Manager.
Cliquez sur Variables,
Sous Variables définies par l'utilisateur, cliquez sur Nouveau.
Nommez votre variable.
Dans l'exemple ci-dessous, le nom est
dl_email
Définissez Type de variable comme Variable de couche de données.
Entrez le Nom de la variable de couche de données. Consultez les exemples ci-dessus pour identifier le nom de la variable en fonction de la structure de votre couche de données.
Cliquez sur Enregistrer.
Conformité GDPR et CCPA
En vertu du GDPR ou de l'ePrivacy, tout site web utilisant des cookies ou une technologie de suivi doit obtenir le consentement de l'utilisateur. Les annonceurs doivent s'assurer que le consentement est obtenu lors de l'utilisation de la solution Rokt ID, et doivent bloquer le script Rokt si les utilisateurs ont refusé les cookies ou la technologie de suivi afin de respecter leurs obligations de conformité.
En vertu du CCPA, les entreprises concernées doivent divulguer aux utilisateurs les détails de l'utilisation de cette technologie.
Le consentement aux cookies peut être mis en œuvre avec n'importe quelle plateforme de gestion du consentement ou gestionnaire de balises, y compris Google Tag Manager. Si d'autres balises d'attribution de conversion sont conditionnellement autorisées en fonction du consentement aux cookies, veuillez implémenter la balise Rokt ID de manière similaire. Si la balise Rokt ID est la première qui doit être désactivée conditionnellement et que vous ne savez pas comment l'implémenter, veuillez contacter votre gestionnaire de compte Rokt.
Pour plus d'informations sur la solution Rokt ID décrite dans cette section, veuillez consulter notre Politique de cookies.