Comment ajouter le pixel Facebook et la vérification de domaine à WordPress et WooCommerce

Facebook Pixel (ou Meta Pixel) est un morceau de code qui permet de mesurer et d’optimiser votre site web ou votre boutique en ligne pour les publicités Facebook. Pour l’utiliser, vous devez ajouter le code Facebook Pixel à votre site Woo ou WordPress.

Aujourd’hui, nous allons apprendre comment ajouter le Meta Pixel et le code de vérification du domaine Facebook à un site web WordPress et à une boutique en ligne WooCommerce sans aucun plugin supplémentaire. Cela ne prendra que quelques minutes et vous serez prêt à utiliser vos publicités Facebook.

Comment ajouter le code de vérification du domaine Facebook sur WordPress ou WooCommerce ?

Parfois, Facebook demande d’ajouter un code de vérification de domaine à votre site.

Si vous voulez ajouter le code de vérification du domaine Facebook à votre site WooCommerce ou WordPress, allez dans le panneau d’administration de WordPress, et choisissez Appearance >> Theme File Editor ou Tools >> Theme File Editor dans le menu d’administration.

Une fois que vous y êtes, ouvrez le fichier nommé functions.php . Vous le trouverez sur le côté droit de l’écran.

Faites défiler jusqu’au bas du fichier, et ajoutez cette fonction à la fin du fichier :

function rocksolid_domain_verification() {
  if (is_front_page()) { ?>
    <meta name="facebook-domain-verification" content="fhwgzxpzzzeswlj3pfdp7zk7p8xxao" /> 
  <?php }
}
add_action('wp_head', 'rocksolid_domain_verification');

Remplacez simplement la ligne <meta name=”… /> par votre propre code de vérification de domaine Facebook et cliquez sur le bouton Enregistrer les modifications. Facebook nécessite d’avoir le code de vérification de domaine uniquement sur la page d’accueil, nous le chargeons donc uniquement là-bas.

Voici à quoi cela ressemble dans le fichier functions.php actuel :

C’est tout – le code de vérification du domaine Facebook est ajouté. Passons maintenant au code Meta Pixel.

Ajouter le pixel Facebook aux boutiques WooCommerce et aux sites web WordPress

Ajouter Meta Pixel (ou Facebook Pixel – la même chose) à WordPress et Woo est un processus assez facile.

Allez dans votre panneau d’administration WordPress, et comme précédemment, ouvrez Appearance >> Theme File Editor ou Tools >> Theme File Editor dans le menu d’administration. Ouvrez ensuite le fichier functions.php sur la droite, et allez jusqu’à la fin du fichier. Collez ensuite cette fonction.

function rocksolid_meta_pixel() { ?>
	<!-- 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', '6312661182131');
	  fbq('track', 'PageView');
	</script>
	<noscript><img height="1" width="1" style="display:none"
	  src="https://www.facebook.com/tr?id=6312661182131&ev=PageView&noscript=1"
	/></noscript>
	<!-- End Meta Pixel Code -->
<?php
}
add_action('wp_head', 'rocksolid_meta_pixel');

N’oubliez pas de remplacer l’exemple de code Pixel par votre propre Meta Pixel Code (tout entre les balises <script> ).

Après avoir ajouté votre propre code Facebook Pixel, cliquez sur Enregistrer les modifications en bas de la page, et votre code Facebook Pixel est prêt à être utilisé. Voici à quoi cela ressemble dans le panneau d’administration :

Ajouter le code Facebook Pixel et le code de vérification de domaine Facebook à une fonction dans WordPress

Si vous avez besoin à la fois du code Pixel et du code de vérification de domaine dans votre site WordPress ou Woo, vous pouvez combiner les deux fonctions mentionnées précédemment en une seule :

function rocksolid_meta() {
   if (is_front_page()) { ?>
    <meta name="facebook-domain-verification" content="fhwgzxpzzzeswlj3pfdp7zk7p8xxao" /> 
  <?php } ?>
	<!-- 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', '6312661182131');
	  fbq('track', 'PageView');
	</script>
	<noscript><img height="1" width="1" style="display:none"
	  src="https://www.facebook.com/tr?id=6312661182131&ev=PageView&noscript=1"
	/></noscript>
	<!-- End Meta Pixel Code -->
<?php
}
add_action('wp_head', 'rocksolid_meta');

Remplacez simplement le code Meta Pixel et les codes de vérification de l’exemple par les vôtres, et le tour est joué !

Vous souhaitez ajouter Google Analytics à WordPress ou WooCommerce ?
Alors suivez notre tutoriel ici