Le OneTag de Criteo nécessite deux éléments pour fonctionner correctement : le script du loader et la collecte d’événements et de données. Ce qui suit décrira ces deux éléments à l'aide d'un simple événement de page d'accueil.

Vous trouverez ci-dessous un tag de page d'accueil complet, mais les autres tags seront similaires.

<!-- Criteo Homepage Tag -->
<script
    type="text/javascript"
    src="//static.criteo.net/js/ld/ld.js"
    async="true"
></script>
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewHome" }
    );
</script>
<!-- END Criteo Homepage Tag -->

Dans l’exemple ci-dessus, le

 <script type="text/javascript" src="//static.criteo.net/js/ld/ld.js"async="true"></script>

est le loader et le reste représente l’événement et la collecte de données.

Le nouveau loader dynamique est presque identique au loader statique mais nécessite un emplacement différent sur votre site web et un paramètre d’identification du partenaire. Vous trouverez ci-dessous un exemple du nouveau script du loader dynamique :

<!-- Criteo Loader File -->
<script
    type="text/javascript"
    src="//dynamic.criteo.com/js/ld/ld.js?a=YOUR_PARTNER_ID"
    async="true"
></script>
<!-- END Criteo Loader File -->

Ce script doit être inclus dans le <head> de votre site avant le script de collecte de l'événement et de données, et se déclencher sur toutes les pages.

Supprimez l'ancien loader statique

Après avoir ajouté le loader dynamique, supprimez le loader statique des tags.

Exemple de tag de page d'accueil en utilisant le loader statique :

<!-- Criteo Homepage Tag -->
<script
    type="text/javascript"
    src="//static.criteo.net/js/ld/ld.js"
    async="true"
></script>
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewHome" }
    );
</script>
<!-- END Criteo Homepage Tag -->

Exemple de tag de page d'accueil en utilisant le loader statique :

<!-- Criteo Homepage Tag -->
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewHome" }
    );
</script>
<!-- END Criteo Homepage Tag -->

Vous verrez que le fichier du loader statique a été supprimé du tag dans le <body> du site. Le nouveau fichier du loader dynamique doit maintenant être inclus dans le <head> du site afin qu'il soit déclenché sur toutes les pages.

Ajout du tag « visit »

Une fois que vous avez supprimé le fichier du loader statique des tags dans le <body> de votre site et ajouté le fichier du loader dynamique <head>, vous devez ajouter le tag « visit » à votre site et le déclencher sur toutes les pages qui ne contiennent pas d'autre tag Criteo.

Vous trouverez ci-dessous le tag « visit » qui doit être ajouté :

<!-- Criteo Visit Tag -->
<script type="text/javascript">
    window.criteo_q = window.criteo_q || [];
    var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
    window.criteo_q.push(
      { event: "setAccount", account: YOUR_PARTNER_ID},
      { event: "setEmail", email: "##Email Address##" },
      { event: "setSiteType", type: deviceType},
      { event: "viewPage" }
    );
</script>
<!-- END Criteo Visit Tag -->

Terminé ! Pour récapituler, voici les trois étapes à suivre pour mettre à jour le loader dynamique :

ajoutez le nouveau script du loader dynamique dans l'en-tête du site afin qu'il se déclenche sur chaque page,
supprimez l'ancien script du loader des tags, mais conservez le reste des informations et la structure des tags, et
ajoutez le tag « visit » à toutes les pages qui ne le contiennent pas encore.

Passage au loader dynamique pour Criteo OneTag

Table des matières

Passage au Loader Dynamique pour Criteo OneTag