Plan de taggage BMI Leisure
TikTok Ads

Installer le pixel TikTok sur un tunnel BMI Leisure

Même approche que Meta : balises HTML personnalisées branchées sur les variables traduites, et les mêmes déclencheurs. Si Meta est déjà en place, comptez une demi-heure.

Avant de commencer

  • La couche de variables de traduction est créée — voir le guide Google Analytics.
  • Le conteneur Google Tag Manager est installé sur le site et sur le tunnel.
  • Un identifiant de pixel TikTok, disponible dans le Gestionnaire d'événements TikTok.
Étape 1

Les variables à créer

DLV - Transaction RevenueVariable de couche de données
ecommerce.purchase.actionField.revenue
DLV - Currency CodeVariable de couche de données
ecommerce.currencyCode
DLV - Transaction IDVariable de couche de données
ecommerce.purchase.actionField.id
Étape 2

Les déclencheurs

Page View | CartVue de page
Chemin de la page contient le chemin du panier
Event | Purchase — Tous établissementsÉvénement personnalisé
Expression régulière : ^purchase:
Étape 3

Les balises

Les noms suivent la convention que nous utilisons en production : le rôle de la balise se lit d'un coup d'œil dans la liste, même après plusieurs années.

TikTok Ads | Main Tag

Type — HTML personnaliséDéclencheur — Toutes les pages
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];
  ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];
  ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};
  for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);
  ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e};
  ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js";
    ttq._i=ttq._i||{};ttq._i[e]=[];ttq._i[e]._u=r;ttq._t=ttq._t||{};ttq._t[e]=+new Date;
    ttq._o=ttq._o||{};ttq._o[e]=n||{};
    var o=d.createElement("script");o.type="text/javascript";o.async=!0;o.src=r+"?sdkid="+e+"&lib="+t;
    var a=d.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

  ttq.load('VOTRE_PIXEL_ID');
  ttq.page();
}(window, document, 'ttq');
</script>

Event TikTok Ads | Add To Cart

Type — HTML personnaliséDéclencheur — Page View | Cart
<script>
  ttq.track('AddToCart');
</script>

Sans valeur, comme sur Meta : BMI n'expose pas le montant du panier.

Event TikTok Ads | Complete Payment

Type — HTML personnaliséDéclencheur — Event | Purchase — Tous établissements
<script>
  ttq.track('CompletePayment', {
    value: {{DLV - Transaction Revenue}},
    currency: {{DLV - Currency Code}}
  }, {
    event_id: {{DLV - Transaction ID}}
  });
</script>

TikTok attend CompletePayment, pas Purchase.

Pièges

Ce qui casse le plus souvent

Utiliser le vocabulaire de Meta

CompletePayment et non Purchase. Un événement mal nommé ne remonte dans aucun rapport TikTok.

Oublier ttq.page() dans la balise de socle

Sans cet appel, les audiences de remarketing restent vides même si les achats remontent.

Reprendre les variables d'un autre moteur

BMI n'expose ni ecommerce.value ni eventModel.value. Une balise copiée envoie une valeur vide.

Recette

Vérifier que ça fonctionne

  • Installer l'extension TikTok Pixel Helper et parcourir un achat complet.
  • Vérifier que l'achat arrive avec sa valeur et sa devise dans le Gestionnaire d'événements TikTok.
  • Contrôler que la vue de page remonte sur le site comme sur le tunnel.
  • Tester sur au moins deux établissements différents.

Vos conversions ne collent pas avec votre caisse ?

C'est le symptôme le plus courant, et il a presque toujours l'une des causes listées ci-dessus. Nous auditons votre installation et vous disons ce qui se perd, où, et combien ça coûte.