Installer le pixel TikTok sur un tunnel Apex Timing
Même principe que Meta : balises HTML personnalisées et déclencheurs identiques. TikTok a sa propre nomenclature, qu'il ne faut pas confondre avec celle de Meta.
Avant de commencer
- Le conteneur Google Tag Manager du centre est installé sur le site et sur le tunnel.
- Un identifiant de pixel TikTok, disponible dans le Gestionnaire d'événements TikTok.
- Les déclencheurs sont déjà créés pour Meta ou Google Analytics — ils se réutilisent tels quels.
Les variables à créer
ecommerce.valueecommerce.currencyecommerce.transaction_idLes déclencheurs
add_to_cartbegin_checkoutpurchaseLes 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
<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
<script>
ttq.track('AddToCart', {
value: {{ecommerce.value}},
currency: {{ecommerce.currency}}
});
</script>Event TikTok Ads | Initiate Checkout
<script>
ttq.track('InitiateCheckout', {
value: {{ecommerce.value}},
currency: {{ecommerce.currency}}
});
</script>Event TikTok Ads | Complete Payment
<script>
ttq.track('CompletePayment', {
value: {{ecommerce.value}},
currency: {{ecommerce.currency}}
}, {
event_id: {{ecommerce.transaction_id}}
});
</script>TikTok n'utilise pas Purchase mais CompletePayment. Une balise nommée Purchase ne remonte dans aucun rapport.
Ce qui casse le plus souvent
Utiliser le vocabulaire de Meta
Copier la balise Meta en remplaçant simplement fbq par ttq produit un événement Purchase que TikTok ignore. Le nom attendu est CompletePayment.
Oublier ttq.page() dans la balise de socle
Sans cet appel, la vue de page n'est jamais envoyée : les audiences de remarketing restent vides même si les conversions remontent.
Charger le pixel deux fois
Si TikTok a d'abord été posé en dur dans le code du site puis ajouté dans Tag Manager, chaque événement part en double.
Vérifier que ça fonctionne
- Installer l'extension TikTok Pixel Helper et parcourir un achat complet.
- Vérifier dans le Gestionnaire d'événements TikTok que les trois événements arrivent avec valeur et devise.
- Contrôler que la vue de page remonte sur le site comme sur le tunnel.
- Vérifier qu'aucun événement n'apparaît en double.
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.
