Installer le pixel TikTok sur un tunnel Qweekle
TikTok fonctionne comme Meta : balises HTML personnalisées, mêmes déclencheurs, mais une nomenclature d'événements et des paramètres qui lui sont propres. Si Meta est déjà posé, comptez une demi-heure.
Avant de commencer
- Le conteneur Google Tag Manager du parc est installé sur le site et sur la boutique Qweekle.
- Un identifiant de pixel TikTok, disponible dans le Gestionnaire d'événements TikTok.
- Les déclencheurs d'événements 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>Attention au nom : 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
TikTok attend CompletePayment là où Meta attend Purchase. Copier la balise Meta en changeant seulement ttq pour fbq produit un événement que TikTok ignore.
Oublier ttq.page() dans la balise de socle
Sans cet appel, la vue de page n'est jamais envoyée et 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 rajouté dans Tag Manager, chaque événement part en double. Vérifiez avant d'ajouter.
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 AddToCart, InitiateCheckout et CompletePayment arrivent, avec valeur et devise.
- Contrôler que la vue de page remonte sur les pages du site comme sur celles de la boutique.
- Vérifier que chaque événement n'apparaît qu'une seule fois par action.
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.
