Plan de taggage Qweekle
Meta Ads

Installer le pixel Meta sur un tunnel Qweekle

Meta n'a pas de modèle de balise natif dans Google Tag Manager : tout passe par des balises HTML personnalisées. C'est simple, mais c'est aussi là que les erreurs de valeur et de devise se glissent le plus souvent.

Avant de commencer

  • Le conteneur Google Tag Manager du parc est installé sur le site et sur la boutique Qweekle.
  • Un identifiant de pixel Meta à 15 ou 16 chiffres.
  • Les variables de couche de données ecommerce.value, ecommerce.currency et ecommerce.transaction_id sont créées.
Étape 1

Les variables à créer

ecommerce.valueVariable de couche de données
ecommerce.value
ecommerce.currencyVariable de couche de données
ecommerce.currency
ecommerce.transaction_idVariable de couche de données
ecommerce.transaction_id

Sert d'identifiant d'événement pour la déduplication avec l'API de conversions.

Étape 2

Les déclencheurs

Event | View ItemÉvénement personnalisé
view_item
Event | Add To CartÉvénement personnalisé
add_to_cart
Event | Begin CheckoutÉvénement personnalisé
begin_checkout
Event | PurchaseÉvénement personnalisé
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.

Meta Ads | Main Tag

Type — HTML personnaliséDéclencheur — Toutes les pages
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');

fbq('init', 'VOTRE_PIXEL_ID');
fbq('set', 'agent', 'tmgoogletagmanager', 'VOTRE_PIXEL_ID');
fbq('track', 'PageView');
</script>

Charge la bibliothèque et envoie la vue de page. Remplacez l'identifiant par le vôtre.

Event Meta Ads | View Content

Type — HTML personnaliséDéclencheur — Event | View Item
<script>
  fbq('track', 'ViewContent', {
    value: {{ecommerce.value}},
    currency: {{ecommerce.currency}}
  });
</script>

Event Meta Ads | Add To Cart

Type — HTML personnaliséDéclencheur — Event | Add To Cart
<script>
  fbq('track', 'AddToCart', {
    value: {{ecommerce.value}},
    currency: {{ecommerce.currency}}
  });
</script>

La valeur et la devise sont indispensables. Sans elles, l'algorithme ne distingue pas un billet à 15 € d'un anniversaire à 300 €.

Event Meta Ads | Initiate Checkout

Type — HTML personnaliséDéclencheur — Event | Begin Checkout
<script>
  fbq('track', 'InitiateCheckout', {
    value: {{ecommerce.value}},
    currency: {{ecommerce.currency}}
  });
</script>

Event Meta Ads | Purchase

Type — HTML personnaliséDéclencheur — Event | Purchase
<script>
  fbq('track', 'Purchase', {
    value: {{ecommerce.value}},
    currency: {{ecommerce.currency}}
  }, {
    eventID: {{ecommerce.transaction_id}}
  });
</script>

L'identifiant d'événement est ce qui permettra d'ajouter l'API de conversions plus tard sans compter chaque achat deux fois. Il ne coûte rien aujourd'hui et évite une reprise complète demain.

Pièges

Ce qui casse le plus souvent

L'ajout au panier sans valeur

fbq('track', 'AddToCart') sans paramètre est le cas le plus répandu. L'événement remonte, mais sans montant : impossible d'optimiser sur la valeur du panier.

La devise écrite en dur

currency: 'EUR' codé dans la balise au lieu de lire la couche de données. Sans conséquence en France, mais l'incohérence avec GA4 rend les rapprochements impossibles.

L'achat sans identifiant d'événement

Sans eventID, l'ajout ultérieur de l'API de conversions double tous les achats. Le poser dès la première installation est gratuit.

Le pixel de socle absent de la boutique

Si la balise de socle ne se déclenche que sur le site du parc, les événements envoyés depuis la boutique n'ont pas de bibliothèque à appeler et disparaissent silencieusement.

Recette

Vérifier que ça fonctionne

  • Installer l'extension Meta Pixel Helper et parcourir un achat complet.
  • Vérifier que le pixel de socle se charge aussi sur les pages de la boutique.
  • Contrôler dans le Gestionnaire d'événements que AddToCart, InitiateCheckout et Purchase arrivent avec leur valeur et leur devise.
  • Vérifier que l'achat porte bien un identifiant d'événement.
  • Comparer le nombre d'achats Meta et le nombre de transactions GA4 sur sept jours : un écart supérieur à 15 % signale une perte de signal.

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.