Comment ajouter le Pixel Facebook et configurer des événements

Dans cet article, vous allez apprendre à intégrer le pixel Facebook sur différentes pages et à mettre en place des événements.

Vous aurez besoin de :

un compte professionnel Facebook
un compte business manager
un compte systeme.io
un nom de domaine personnalisé

1. Configurez votre Pixel

1.1 Vous devez vous rendre sur votre compte professionnel Facebook, puis cliquer sur "Paramètres d'entreprise".

Cliquez maintenant sur "Pixels" sous "Sources de données".

Cliquez sur "Ajouter" et vous verrez apparaître une fenêtre contextuelle dans laquelle vous pourrez nommer votre pixel.

Une fois que vous avez saisi un nom pour votre pixel, vous pouvez cliquer sur "Continuer".

Une autre popup apparaîtra qui dira "Votre pixel n'est pas encore prêt", vous pouvez fermer ce popup, car vous devez d'abord ajouter des "Personnes" et des "ressources" à votre pixel.

1.2 Cliquez sur "Ajouter des personnes", puis dans la fenêtre popup, sélectionnez votre compte professionnel, cliquez sur le curseur pour donner "Contrôle total", puis cliquez sur "Affecter".

1.3 Une fois terminé, cliquez sur "Ajouter des ressources".

Une autre fenêtre contextuelle s'affiche, dans laquelle il vous suffit de cocher le compte d'annonces, puis de cliquer sur "Ajouter".

2. Installez le Pixel sur votre site Web

2.1 Cliquez sur "Tous les outils", puis sur "Gestionnaire d'événements".

2.2 Cliquez sur votre pixel, puis cliquez sur "Continuer la configuration du pixel".

Deux options s'offrent à vous : "API Conversions" ou "Pixel Meta".

2.3 Choisissez l'option "Pixel Meta" et cliquez sur "Connexion".

2.4 Cliquez maintenant sur "Installer le code manuellement" sous l'option "Ajouter manuellement le code de Pixel au site Web".

Vous verrez désormais le code Meta Pixel qui doit être ajouté au "code d'en-tête" de votre page de tunnel de vente ou dans le champ "code de tracking" sous "Paramètres des tunnels de ventes" si vous voulez installer le code sur toutes les pages de vos tunnels de vente.

2.4.1 Ajout du code Pixel Facebook depuis les paramètres des pages du tunnel de vente :

Vous devez aller sur l'éditeur de votre page, puis cliquez sur "Paramètres" au niveau du volet gauche sur l'éditeur, ensuite, vous devez coller le pixel Facebook dans la case "Modifier le code d'en-tête " des codes de tracking.

Enfin, cliquez sur"Enregistrer" en haut, à droite de votre éditeur, pour sauvegarder les changements.

Note : il est important d'inclure votre code Pixel Facebook sur toutes les pages de votre tunnel de vente.

2.4.2 L'ajout du code Pixel Facebook depuis les Paramètres des tunnels de vente :

Il vous est possible d'insérer votre code Pixel Facebook sur les paramètres des tunnels de vente, et celui-ci sera automatiquement déployé sur l'ensemble des tunnels de vente.

Pour ce faire, veuillez vous rendre sur votre"Menu", en cliquant sur la photo de profil, puis sur "Paramètres", vous devez ensuite vous diriger vers les "Tunnels de vente" et insérez-y le code Pixel Facebook dans l'emplacement du code de tracking.

2.5 Copiez le code, installez-le sur votre site Web comme indiqué ci-dessus, puis cliquez sur "Continuer".

À présent, vous aurez l'option "Activer la correspondance automatique avancée", ceci est optionnel.

2.6 Cliquez sur "Continuer" pour poursuivre.

Vous pouvez désormais créer des événements sur votre site Web en cliquant sur "Ouvrir l'outil de configuration d'événements".

L'outil de configuration des événements ne fonctionne pas toujours et, dans cet exemple, nous ajouterons manuellement le code de l'événement au "Meta Pixel code".

2.7 Pour l'option manuelle, cliquez sur "Installer les événements avec le code" et vous serez redirigé vers une page qui vous montrera comment ajouter des événements au "code Meta Pixel".

Dans cet exemple, nous n'utiliserons que l'événement "Lead".

Maintenant que vous avez ajouté manuellement les événements au "Meta Pixel code", vous pouvez cliquer sur "Continuer" du côté de votre compte professionnel Facebook.

2.8 Vous devez maintenant vérifier votre domaine, continuez en cliquant sur "Vérifier le domaine".

Cliquez sur "Ajouter", entrez votre domaine et cliquez à nouveau sur "Ajouter".

Vous recevrez un "Meta-tag" qui doit être ajouté au "Code d'en-tête" de votre page ou dans les paramètres des "Tunnels de vente" sous le "Meta Pixel code" (vous devez laisser un espace entre les deux codes).

Après avoir ajouté le code, cliquez sur "Vérifier le domaine" du côté de Facebook.

2.9 Après avoir vérifié votre domaine, vous pouvez cliquer sur "Vue d'ensemble du pixel".

3. Testez si le Pixel fonctionne

À présent que votre Pixel a été configuré et installé, vous pouvez tester son fonctionnement.

Cliquez sur "Événements de test", entrez l'URL de votre site Web dans le champ situé sous "Tester les événements du navigateur" et cliquez sur "Accéder au site web".

Vous verrez alors les événements énumérés sous "Événements de test".

4. Déduplication des événements sur Facebook (Pixel et CAPI)

Grâce à la déduplication des suivis pour l'API de conversion (CAPI) de Facebook et le Pixel, il est désormais plus simple d’éviter le double comptage des événements entre le navigateur (Pixel) et le serveur (CAPI). Lorsqu’un même événement est envoyé via ces deux canaux, Facebook identifie les doublons avec un identifiant unique (eventID), les fusionne automatiquement et assure ainsi la précision des statistiques.

Comment implémenter la déduplication ?

Pour activer le déduplication, assurez-vous que l'API de conversion (CAPI) et le Pixel Facebook sont correctement implémentés. Si vous n'avez pas encore configuré CAPI, reportez-vous à ce guide : Comment configurer l'API de conversions Facebook sur systeme.io.

Pour les utilisateurs ayant déjà implémenté CAPI, la déduplication se fera automatiquement en sélectionnant le type d'événement dans le menu déroulant. Cependant, le code Pixel doit être mis à jour pour inclure la variable de l'identifiant d'événement.

Pour chaque événement suivi, la variable d'identifiant d'événement approprié doit être ajouté pour garantir une déduplication correct.

Voici des exemples d'événements courants :

Achat : fbq('track', 'Purchase', {eventID:'%FACEBOOK_PURCHASE_EVENT_ID%'});
Prise de rendez-vous : fbq('track', 'Schedule', {eventID:'%FACEBOOK_EVENT_ID%'});
Vue de contenu : fbq('track', 'ViewContent', {eventID:'%FACEBOOK_EVENT_ID%'});
Nouveau lead : fbq('track', 'NewLead', {eventID:'%FACEBOOK_NEW_LEAD_EVENT_ID%'});

Voici un exemple complet illustrant la configuration de déduplication d'un événement vue de contenu avec le Pixel Facebook :

1. Créer et sélectionnez l'identifiant d'événement approprié : générez un identifiant unique appelé eventID. Cet identifiant, différent pour chaque pixel, permet à Facebook de reconnaître et de fusionner les événements envoyés par le Pixel et par l’API de conversion (CAPI).

2. Ajoutez l'eventID au code Pixel : Voici comment envoyer l'événement de vue de contenu avec l'identifiant unique :

3. Vérification :

Pour le suivi Pixel, visitez la page pour vous assurer que des événements comme "Vue de contenu" se déclenchent correctement avec l'Event ID associé. L'extension Facebook Pixel Helper vous aidera à vérifier que le Pixel capture les événements comme prévu.

Pour le suivi CAPI, l'utilisateur doit naviguer sur la page pour déclencher des événements côté serveur.

Dans le cas de "Vue de contenu" ou "Nouveau leads", il suffit de visiter la page pour déclencher l'événement.
Pour les événements "Achat", un achat test doit être effectué pour capturer les valeurs des montants d'achat.
Les événements CAPI et Pixel peuvent ensuite être consultés dans le Gestionnaire d'Événements Meta pour confirmer qu'ils sont suivis correctement et que la déduplication fonctionne comme prévu.

Remarque : veuillez remplacer "%FACEBOOK_EVENT_ID%" dans votre code par votre identifiant d'événement unique que vous pouvez obtenir de Facebook pour votre pixel.

En suivant cet exemple, vous activez la déduplication entre le Pixel et CAPI, évitant les doublons et garantissant des données de conversion précises pour vos campagnes.

Suivi du montant d'achat en utilisant CAPI

Pour suivre le montant d'achat en utilisant CAPI, suivez ces étapes :

Utilisez le type d'événement "Achat".
Capturez le montant d'achat ainsi que la devise.
Si le produit est physique, prenez la devise du produit.
Si le produit est une offre numérique ou un abonnement, prenez la devise du plan tarifaire.

Suivi des order bumps et upsells séparément

Les utilisateurs demandent souvent si les order bumps et upsells peuvent être suivis séparément de l'événement principal d'achat. Voici comment cela fonctionne :

La valeur totale de la commande, y compris les upsells, est envoyée au moment de l'événement d'achat.
Les order bumps et les upsells sont généralement ajoutés en tant que produits numériques, similaires à l'offre principale.
CAPI sur la page de remerciement détectera automatiquement tous les achats précédents (offre principale, order bumps et upsells).

Remarques :

CAPI suit la valeur totale de la commande, y compris toutes les order bumps et upsells, tant qu'ils faisaient partie de la commande au moment de l'événement.
Implémenter CAPI sur la page de remerciement garantit que tous les achats (offre principale, order bump et upsells) sont enregistrés dans un seul événement.