Comment implémenter une balise de remarketing Google dans DTM ?

Rechercher

Dernière mise à jour le 1 mai 2021

Pour ajouter la balise de remarketing Google dans DTM, l’approche recommandée consiste à utiliser une règle de chargement de page dans DTM. Voici un exemple de balise de remarketing Google. Pour plus d’informations sur le remarketing de Google, consultez la documentation Google ici.

<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = XXXXXXXXX;
var google_custom_params = window.google_tag_params;
var google_remarketing_only = true;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/XXXXXXXXX/?value=0&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

Pour ajouter la balise remarketing dans DTM, procédez comme suit :

Ajoutez une règle de chargement de page dans DTM en accédant à Règles > Règles de chargement de page > Créer une nouvelle règle
Développez la section JavaScript / Balises tierces et ajoutez le code suivant dans l’onglet Non-Sequential JS
Enregistrer, Tester et Publier la règle

Remarque :

Si vous déployez la balise de remarketing asynchrone au lieu d’utiliser conversion.js, appelez conversion_async.js, puis ajoutez un codage supplémentaire pour vous assurer que le fichier est chargé avant de le référencer. Plus d’informations sur cette approche dans la documentation Google ici

var dcJS = document.createElement('SCRIPT');
var done = false;
 
dcJS.setAttribute('src', '//www.googleadservices.com/pagead/conversion_async.js');
dcJS.setAttribute('type','text/javascript');
 
document.body.appendChild(dcJS);
dcJS.onload = dcJS.onreadystatechange = function () {
    if(!done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete")) {
         done = true;
         callback();
 
          // Handle memory leak in IE
          dcJS.onload = dcJS.onreadystatechange = null;
          document.body.removeChild(dcJS);
    }
};
function callback(){
     if(done){  
       /* <![CDATA[ */
       window.google_trackConversion({
         google_conversion_id : XXXXXXX,
         google_custom_params : window.google_tag_params,
         google_remarketing_only : true
       });
       //]]> 
     }
}