Installer le pixel TikTok sur un tunnel Apex Timing
Contrairement à Google Analytics et à Meta, TikTok n'a pas de champ réservé dans l'espace client Apex. Tout passe donc par Tag Manager — sur exactement les mêmes déclencheurs que Meta, ce qui rend l'étape rapide si celui-ci est déjà posé.
Contrairement à Google Analytics et à Meta, TikTok n'a pas de champ réservé dans l'espace client Apex. Tout passe donc par Tag Manager — sur exactement les mêmes déclencheurs que Meta, ce qui rend l'étape rapide si celui-ci est déjà posé.
Avant de commencer
- Le conteneur Google Tag Manager est renseigné dans l'espace client Apex et installé sur le site du parc.
- 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.valueLes déclencheurs
view_itemadd_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 | View Content
<script>
ttq.track('ViewContent');
</script>Event TikTok Ads | Add To Cart
<script>
ttq.track('AddToCart');
</script>Event TikTok Ads | Initiate Checkout
<script>
ttq.track('InitiateCheckout', {
value: {{DLV - ecommerce.value}},
currency: 'EUR'
});
</script>Event TikTok Ads | Complete Payment
<script>
ttq.track('CompletePayment', {
value: {{DLV - ecommerce.value}},
currency: 'EUR'
});
</script>TikTok attend CompletePayment, pas Purchase. Ne recopiez pas la balise Meta en changeant seulement le préfixe.
Ce qui casse le plus souvent
Chercher un champ TikTok dans l'espace client
Il n'y en a pas. Apex réserve des champs à Google Analytics, à Tag Manager et au pixel Meta, mais pas à TikTok. Tout passe par Tag Manager, sans exception.
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.
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 quatre événements arrivent.
- Contrôler que la vue de page remonte sur le site comme dans 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.
