Home » WordPress » Cómo añadir el píxel de Facebook y la verificación de dominio a WordPress y WooCommerce

Cómo añadir el píxel de Facebook y la verificación de dominio a WordPress y WooCommerce

Facebook Pixel (o Meta Pixel) es una pieza de código que permite medir y optimizar su sitio web o tienda en línea para los anuncios de Facebook. Con el fin de utilizarlo es necesario agregar el código de Facebook Pixel a Woo o sitio web de WordPress.

Best WordPress hosting 2024

Hoy vamos a aprender cómo añadir el Meta Pixel y el código de verificación de dominio de Facebook al sitio web WordPress y a la tienda online WooCommerce sin necesidad de plugins adicionales. Solo te llevará unos minutos y estarás listo para comenzar con tus anuncios de Facebook.

Cómo añadir el código de verificación de dominio de Facebook a WordPress o Woo

A veces Facebook requiere añadir un código de verificación de dominio a tu sitio.

Si quieres añadir el código de verificación de dominio de Facebook a tu sitio web WooCommerce o WordPress, ve al panel de administración de WordPress y selecciona Apariencia >> Editor de archivos de temas o Herramientas >> Editor de archivos de temas en el menú de administración.

Una vez allí, abre el archivo llamado functions.php . Lo encontrarás en la parte derecha de la pantalla.

Ahora desplázate hasta el final del archivo, y añade esta función al final del archivo:

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

Sustituye la línea <meta name=”… /> por tu propio código de verificación de dominio de Facebook y pulsa el botón Guardar cambios. Facebook requiere tener el código de verificación de dominio sólo en la página de inicio, por lo que sólo lo cargamos allí.

Así es como se ve en el archivo functions.php:

how to add facebook domain verification code to wordpress or woocommerce

Eso es todo – facebook código de verificación de dominio se añade. Ahora vamos a pasar al código Meta Pixel.

Añadir Facebook Pixel a tiendas WooCommerce y sitios web WordPress

Añadir Meta Pixel (o Facebook Pixel – la misma cosa) a WordPress y Woo es un proceso bastante fácil.

Vaya a su panel de administración de WordPress, y como anteriormente, abra Apariencia >> Editor de archivos de temas o Herramientas >> Editor de archivos de temas en el menú de administración. A continuación, abra el archivo functions.php a la derecha, y scrool hasta el final del archivo. A continuación, pegue esta función.

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

No olvide reemplazar el código Pixel de ejemplo con su propio código Meta Pixel (todo entre las etiquetas <script>).

Después de añadir su propio código de píxeles de Facebook, pulse Guardar cambios en la parte inferior de la página, y su código de píxeles de Facebook está listo para ser utilizado. Aquí puedes ver cómo se ve en el panel de administración:

how to add meta pixel or facebook pixel to woocommerce or wordpress

Añadir tanto el código Píxel de Facebook como el de verificación de dominio de Facebook a una función en WordPress

Si necesitas tanto el código Pixel como el de verificación de dominio en tu sitio web WordPress o Woo, puedes combinar ambas funciones mencionadas anteriormente en una sola:

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

Solo tienes que sustituir el código Meta Pixel de ejemplo y los códigos de verificación por los tuyos, ¡y listo!

¿Quieres añadir Google Analytics a WordPress o WooCommerce?
Entonces sigue nuestro tutorial aquí

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK