Dans mon article précédent, j’ai commencé à vous parler du pixel Facebook.

Je vous ai expliqué ce qu’est le pixel Facebook, à quoi il sert, je vous ai détaillé le type d’audience qu’on peut créer en fonction des comportements des personnes qui viennent sur votre site web (pages visitées, temps passé, actions effectuées) et je vous ai parlé de l’utilité du pixel Facebook pour tracker les conversions sur votre site et optimiser vos campagnes de conversion.

A la fin de l’épisode, je vous ai invité à installer le pixel Facebook sur votre site maintenant, pour pouvoir vous en servir le jour où vous déciderez de faire de la publicité sur Facebook ou sur Instagram.

Donc vous l’avez compris, en tout cas j’espère vous en avoir convaincu, utiliser le pixel Facebook n’est pas une option : c’est OBLIGATOIRE ! (si vous voulez faire de la publicité Facebook sérieusement)

Cette semaine, je vais vous expliquer comment faire pour l’installer sur votre site. On va voir comment générer le pixel si vous ne l’avez pas déjà fait, comment trouver le code de votre pixel, comment l’installer manuellement ou le faire installer par un prestataire, comment l’installer vous-même si vous êtes sur une plateforme de type WordPress, Prestashop ou Shopify, l’option Google Tag Manager et, last but not least, comment vérifier que votre pixel est bien installé sur votre site.

Pour écouter cet épisode du podcast Nouvelle Réclame, cliquez sur le bouton Play ci-dessous :

Abonnez-vous sur Apple Podcasts | Android Google Podcasts


Générer mon pixel Facebook

Si vous venez de créer votre compte publicitaire sur Facebook ou si vous avez déjà un compte publicitaire mais que vous n’avez pas encore généré votre pixel, c’est très simple.

Vous allez dans le menu hamburger en haut à gauche de l’écran, « Mesure et rapport » puis « Pixels ».

Si vous avez déjà créé votre pixel, vous verrez un écran avec le nom de votre pixel, le nombre d’évènements reçus par votre pixel récemment et une courbe de l’activité de votre pixel :

Dashboard pixel Facebook 1

Si vous ne l’avez pas encore créé, vous verrez un écran qui vous propose de le faire et qui vous explique brièvement les raisons d’utiliser le pixel Facebook (pour bien comprendre les différentes utilisations du pixel Facebook, je vous invite à lire cet article) :

Generer mon pixel Facebook - écran1

Donc vous cliquez sur « Créer un pixel », vous donnez un nom à votre pixel (le plus simple : « Pixel [nom_de_mon_site] »), vous cliquez sur « Créer » :

Generer mon pixel Facebook - écran2

Et voilà, vous avez généré votre pixel Facebook !

Generer mon pixel Facebook - écran3

Comme vous l’avez compris, le pixel Facebook est lié à votre compte publicitaire puisque son but est de faire le lien entre vos campagnes de Facebook Ads et l’activité de votre site web.

Donc chaque compte publicitaire a un pixel et un seul.

 

Où trouver le code de mon Pixel Facebook ?

Depuis l’écran d’accueil du pixel, vous cliquez sur « Détails ». Vous arriverez sur cet écran :

Dashboard pixel Facebook 2

Vous cliquez sur « Configurer » en haut à droite et là Facebook vous propose 3 options (en fait il y en a 4) :

  • Utiliser une intégration ou le gestionnaire de tags
  • Installer le code manuellement
  • Envoyer les instructions par email à un développeur

Sélectionnez une méthode de configuration du pixel Facebook

Vous cliquez sur « Installer le code manuellement », vous descendez jusqu’à la section n°2 et là vous voyez le code de votre pixel :

Copiez le code du pixel Facebook

Alors en fait, ce code est le même pour tout le monde, à l’exception d’une suite d’une quinzaine de chiffres, qui est l’ID de votre pixel. C’est cette suite de chiffres qui rend votre pixel unique.

 

Installation manuelle du pixel Facebook

L’installation manuelle du pixel Facebook n’est pas compliquée en soi, mais elle nécessite quand même d’être un peu à l’aise avec la partie technique de votre site web.

Si vous n’y connaissez rien en HTML que vous n’avez jamais développé de site web et que vous n’êtes pas très technique, je vous conseille vivement de passer cette section et d’aller aux suivantes. Sinon, c’est le meilleur moyen de planter votre site !

Si vous vous y connaissez un peu techniquement et que vous vous sentez en confiance pour aller modifier vous-même le code de votre site, voici comment faire. L’idée est d’installer le code de base du pixel sur toutes les pages de votre site afin que le pixel track l’activité de la totalité de votre site.

Toujours dans la section « Installer le code manuellement », vous allez copier la totalité du code de pixel et vous allez le coller dans le header de votre site, donc entre les balises d’en-tête sur chaque page de votre site web, précisément en bas de section juste au-dessus de la balise </head>.

Installez le code du pixel Facebook entre les balises <head> de votre site web

Le code de pixel Facebook peut être ajouté au-dessus ou au-dessous d’autres pixels de suivi (comme Google Analytics) dans le header de votre site web.

 

Faire installer le pixel Facebook par un prestataire externe

Si le mot « code » vous donne des sueurs froides, le mieux est peut-être de vous faire aider par quelqu’un qui va installer le pixel pour vous.

L’idéal est de vous adresser à la personne qui a créé votre site web, que ce soit un développeur, un intégrateur de site web ou une agence de création de site web.

Sur le menu « Configurer votre pixel », cliquez sur la 3e option « Envoyer les instructions par email à un développeur » :

Sélectionnez une méthode de configuration du pixel Facebook

Il vous suffit de renseigner l’adresse mail de votre prestataire, et cette personne recevra un mail avec des consignes d’installation détaillées qui lui permettront d’installer le pixel pour vous :

Comment envoyer le code du pixel Facebook à un développeur

Prévenez-la quand même parce que sinon elle pourrait croire que le mail est une pub de Facebook et ne pas y faire attention. 😀

 

Utilisez une intégration pour installer le pixel Facebook

Si vous n’êtes pas assez technique pour aller ajouter vous-même le code du pixel dans le code de votre site web mais que votre site a été réalisé sur une des plateformes les plus couramment utilisées, vous allez pouvoir installer le pixel sans avoir à modifier le code de votre site web.

Pour faciliter la mise en place du pixel sur les plateformes de sites web les plus utilisées (comme WordPress, Prestashop, Magento ou Shopify), Facebook a développé des intégrations avec ces plateformes afin que leurs utilisateurs puissent installer le pixel eux-mêmes sans connaissances techniques et sans passer par un prestataire pour le faire.

Sur le menu « Configurer votre pixel », cliquez sur la 1ère option « Utiliser une intégration ou le gestionnaire de tag » et vous verrez la liste des plateformes pour lesquelles il existe une intégration :

Utiliser une intégration pour installer le pixel Facebook

Actuellement, Facebook propose des intégrations avec les plateformes suivantes :

  • 3dcart
  • BigCommerce
  • Eventbrite
  • Jimdo
  • Magento
  • OpenCart
  • PrestaShop
  • Segment
  • Shopify
  • Squarespace
  • Storeden
  • Wix
  • WooCommerce
  • WordPress

Je ne vais pas vous expliquer comment installer le pixel sur chacune de ces plateformes ici, ce serait un peu trop long, mais je vais m’arrêter sur les principales : WordPress, Prestashop, Jimdo, Shopify, Wix et Eventbrite.

 

WordPress

Si vous cliquez sur « WordPress », Facebook vous propose de télécharger l’extension ‘Pixel Facebook’, c’est-à-dire un fichier .zip que vous allez devoir installer directement depuis votre console d’administration WordPress.

Pour être tout à fait honnête, je n’ai jamais testé cette extension. Pour la simple et bonne raison que j’ai toujours utilisé des plugins tiers qui font ça très bien et qui existaient avant que Facebook ne propose cette intégration.

J’en ai deux à vous recommander :

Ces deux plugins sont gratuits. Malheureusement ils n’existent qu’en anglais, mais leur utilisation est vraiment très facile.

Une fois que vous avez installé le plugin, vous allez dans l’interface de configuration du plugin et il vous suffit de renseigner votre ID de pixel dans le champ correspondant :

Comment paramétrer votre pixel ID dans Pixel Caffeine

Pixel Caffeine : Ajoutez votre pixel ID dans le champ “Manual Setup”

 

Comment paramétrer votre pixel ID dans PixelYourSite

PixelYourSite : Ajoutez votre pixel ID dans le champ “Add your Pixel ID”

Dés que vous aurez validé, le plugin va installer le code du pixel sur toutes les pages de votre site.

 

Prestashop, Jimdo, Shopify, Wix

Installer le pixel Facebook sur Shopify, Prestashop, Jimdo et Wix est assez simple.

Il vous suffit de cliquer sur le logo de la plateforme dans la page des intégrations et de suivre les instructions.

A un moment, vous arriverez à une section « Facebook Pixel » ou « Facebook Analytics » et il vous faudra simplement renseigner l’ID de votre pixel dans ce champ.

Intégration du pixel Facebook dans Prestashop

Intégration du pixel Facebook dans Prestashop

Intégration du pixel Facebook dans Jimdo

Intégration du pixel Facebook dans Jimdo

Intégration du pixel Facebook dans Shopify

Intégration du pixel Facebook dans Shopify

Intégration du pixel Facebook dans Wix

Intégration du pixel Facebook dans Wix

 

Eventbrite

Ici on sort un peu du cadre de votre site web, mais j’en parle quand même parce que c’est bien utile si vous utilisez Eventbrite pour vos évènements.

Si vous utilisez Eventbrite pour organiser un évènement et si vous faites une publicité Facebook qui redirige directement les gens vers la page de votre évènement sur Eventbrite sans passer par votre site web, c’est bien pratique de pouvoir tracker l’activité sur Eventbrite pour savoir combien de personnes visite la page de l’évènement ou s’inscrivent.

Là aussi l’intégration avec Facebook est bien faite : cliquez sur le logo « Eventbrite » dans la page des intégrations et suivez les instructions. A un moment vous verrez une section « Tracking Pixels » dans laquelle vous pourrez ajouter votre ID de pixel.

Vous pourrez alors paramétrer différents évènements de pixel selon les actions effectuées sur Eventbrite :

Eventbrite : pixel facebook 1

Eventbrite : pixel facebook 2

Eventbrite : pixel facebook 3

 

Google Tag Manager (GTM)

Si vous utilisez Google Tag Manager (ou GTM) pour gérer les balises de votre site web, vous pouvez facilement ajouter le code de votre pixel Facebook à votre compte GTM.

Il vous suffit de vous connecter à votre compte GTM, de sélectionner votre site web puis de cliquer sur « Ajouter une nouvelle balise ». Ensuite vous cliquez sur « Custom HTML Tag » (balise HTML personnalisée) et tapez un nom pour votre balise (par exemple « Pixel Facebook »).

Vous allez récupérer le code de votre pixel comme indiqué plus haut, vous le copier et vous le coller dans le conteneur HTML de GTM.

Dans le menu déroulant « Paramètres avancés », précisez bien « Une fois par page » sous « Option de déclenchement des balises » et « Toutes les pages » sous « Déclenchement sur ».

Cliquez sur « Créer une balise ». Et voilà, vous êtes bons !

Pour info, on reviendra dans un prochain épisode sur Google Tag Manager, un outil très puissant et pas assez connu, et on vous expliquera tout ce qu’on peut faire avec dans le cadre des Facebook Ads.

 

Vérifier que mon pixel Facebook fonctionne bien

Ca y est, vous avez réussi à installer le pixel Facebook sur votre site ?

Bravo !

Avant de crier victoire, il vaut quand même mieux vous assurer qu’il est bien installé.

Pour ça, vous avez deux possibilités :

  1. Vous allez sur votre site, vous vous promenez sur plusieurs pages. Puis vous revenez dans la section Pixel de votre gestionnaire de publicités et vous regardez si le statut de votre pixel est bien défini comme « Actif ». Si c’est le cas, vous verrez également le graphique affichant le trafic total du pixel apparaître et a priori vous êtes bons !
  2. Je vous recommande également de vérifier manuellement que le pixel est bien installé sur votre site à l’aide de l’extension Facebook Pixel Helper, développée par Facebook et disponible uniquement sur Chrome. Une fois installé, il vous suffit d’aller sur les pages de votre site que vous voulez vérifier et l’icône du Pixel Helper s’activera si tout va bien et que l’outil détecte un pixel la page. Un conseil : contrôlez bien que l’ID du pixel qui s’affiche correspond bien à l’ID de votre pixel.
Vérifier que mon pixel Facebook est bien installé avec le plugin Chrome Pixel Helper

Le plugin Pixel Helper s’active quand un pixel est détecté

Evènements de pixel Facebook dans le plugin Pixel Helper

Le plugin Pixel Helper vous donne le détail des évènements de pixel détectés sur la page

Conclusion

Voilà ! Je vous ai détaillé toutes les différentes façons d’installer le pixel Facebook sur votre site.

Donc pour résumer : peu importe comment vous le faites, l’essentiel est de mettre le code de base du pixel dans le header de votre site.

Bon courage 🙂

Abonnez-vous sur Apple Podcasts | Android Google Podcasts


En savoir plus :

Le guide complet du pixel Facebook

Utilisation du pixel Facebook avec un site web tiers (intégrations)

Résoudre des problèmes d’installation du pixel

Utilisation du pixel Facebook avec Google Tag Manager