Comment configurer le suivi Meta (Facebook Pixel) avec Qweekle

Ce guide vous explique comment intégrer Meta Pixel sur votre site Qweekle pour mesurer la performance de vos campagnes Meta Ads.

Vous pouvez choisir entre deux approches :

• Méthode simple : coller votre code Pixel directement dans Qweekle → suivi basique.

• Méthode avancée : passer par Google Tag Manager (GTM) qui permet le suivi détaillé des achats et des événements e-commerce.

1. Méthode simple : Ajouter le code Meta Pixel dans Qweekle

1.1 Récupérer le code Pixel

1. Ouvrez Meta Business Manager

2. Allez dans Events Manager

3. Sélectionnez votre Pixel

4. Cliquez sur Installer manuellement le code

5. Copiez le script fourni qui doit ressembler à cela:

<!-- Meta Pixel Code -->
<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('track', 'PageView');
</script>

1.2 Ajouter le code dans Qweekle

1. Envoyez le code à support@qweekle.com

2. Le support vous confirmera la bonne intégration

➡️ Votre Pixel est maintenant actif sur toutes les pages Qweekle.

2. Méthode avancée : Installer Meta Pixel dans Google Tag Manager (GTM)

Cette méthode permet un suivi complet :

• montants des achats,

• contenus du panier,

• produits vus,

• événements personnalisés e-commerce,

• compatibilité future avec Meta Conversion API.

Après intégration de GTM (Tutoriel), Qweekle envoie automatiquement un dataLayer e-commerce complet, y compris l’événement d'achat:

2.1 Installer votre Pixel Meta dans GTM

• Dans GTM → Balises → Nouveau

• Type : HTML personnalisé

• Collez le code Pixel suivant (en intégrant votre pixel ID) :

 <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');
</script>

1. Déclencheur : All Pages

2.2 Déclanchez les page view

Créer une deuxième balise :

• Type : HTML personnalisé

• Code :

<script>
fbq('track', 'PageView');
</script>

• Déclencheur : All Pages

2.3 Activer le suivi des achats

2.3.1 Créer les variables DataLayer

Dans Variables → Nouvelle → Variable de couche de données :

2.3.2 Mapper les articles pour Meta

Créer une variable JavaScript personnalisée :

• GTM → Variables → Nouvelle

• Type : Variable JavaScript personnalisée

• Nom conseillé : JS – Meta Items

• Coller ce code :

function() {
  var items = ;
  if (!items || !items.length) return [];
  return items.map(function(i) {
    return {
      id: i.id,
      quantity: Number(i.quantity),
      item_price: Number(i.price)
    };
  });
}

• Enregistrer

2.3.3 Créer la balise Meta "Purchase"

• Balises → Nouvelle → HTML personnalisé

• Code :

<script>
fbq('track', 'Purchase', {
  value: ,
  currency: '',
  contents: ,
  content_type: 'product',
  eventID: ''
});
</script>

• Déclencheur → Événement personnalisé purchase

➡️ Meta reçoit maintenant :
✔ montant d’achat
✔ devise
✔ contenu de l'achat
✔ identifiant de la transaction