Cómo subir el Pixel de Facebook con o sin plugins  

Hola Carlos.

Puedes añadirlo sin tener que utilizar plugins añadiendo un bloque de código en tu archivo functions.php
.- editas el archivo y añades lo siguiente:

// Añadir valor en píxel conversión Facebook con WooCommerce
add_action( 'woocommerce_thankyou', 'jb_pixeltracking' );

function jb_pixeltracking( $order_id ) {
   $order = new WC_Order( $order_id );
   $order_total = $order->get_total();
 ?>
    
    (function() {
     var _fbq = window._fbq || (window._fbq = []);
     if (!_fbq.loaded) {
       var fbds = document.createElement('script');
       fbds.async = true;
       fbds.src = '//connect.facebook.net/en_US/fbds.js';
       var s = document.getElementsByTagName('script')[0];
       s.parentNode.insertBefore(fbds, s);
       _fbq.loaded = true;
     }
    })();
    window._fbq = window._fbq || [];
    window._fbq.push(['track', 'XXXXXXXXXXXXXX', {'value':'','currency':'GBP'}]);
    
    
    <img height="1" width="1" alt="" style="display:none" src=" https://www.facebook.com/trev=XXXXXXXXXXXXXX&cd[value]=&cd[currency]=GBP&noscript= 1" />
    
     
  
<?php
}

Nota: antes de realizar cualquier cambio en el archivo recuerda tener una copia por si hay que volver a dejarlo como estaba.

Sólo tenemos que sustituir las "XXXXXXXXXXXXXX" por el tracking ID que te da Facebook en su código.

Si decides utilizar un plugin -> https://wordpress.org/plugins/wp-facebook-pixel/

Lo bueno de el plugin es que puedes indicarle en que paginas quieres que actué.

Un saludo

Buenos días!!

Ayer tras consultar por aquí y leer cientos de tutoriales me puse manos a la obra con la instalación del Pixel del Facebook en el Header de mi tema, me encuentro que aparentemente no se ha instalado en todas las páginas de mi web. ¿A qué puede ser debido?

Ayer por ejemplo la HOME tardó en reconocer el pixel, mientras que muchas otras páginas lo aceptaban al momento... pero bueno, tras esperar una horas creía que ya habría quedado asentado en todas las páginas de mi dominio pero me encuentro que por ejemplo la página de "gracias por la suscripción", que es esta...

https://carloslopezmartinez.com/gracias-por-tu-suscripcion/

... no me lo ha cogido (donde además pretendía meter un sript concreto de registro de conversiones por parte de Facebook)

La inclusión del Pixel de Facebook lo hice editando el archivo header.php a través de mi CPanel. El archivo editado corresponde con esta ruta:

/public_html/wp-content/themes/bridge/header.php

Un saludo y gracias de antemano!!

Después de darme cuenta que es debido a que estoy en una landing page, donde hago desaparecer el header. ¿cómo puedo meter el pixel de Facebook en una landing page sin utilizar plugins?

Hola Carlos.

El código que te pase antes es para que se añada en todas las páginas.

¿ Cual es el motivo por el que no quieres utilizar plugin ? estos plugin no presentan ninguna carga en la web ya que lo unico que realizan es añadir el codigo de facebook en las páginas que tu le indicas.

Un saludo

Buenas Pepe, sinceramente tuve miedo de meter tu código :blush: No tengo mucha habilidad en tocar temas de código y no me atreví...

Veo que donde pusiste las "XXXXXXXXXXX" yo tenía que incluir mi identificador personal pero también veía en todo ese código los términos "Woocommerce" (que yo no trabajo con él) y las siglas de la libra (GBP) y me tiró un poco para atrás. Por lo que decidí seguir los pasos de ayuda del propio Facebook. Pero claro, ahora me surge este problema :unsure:

En cuanto al uso de Plugins, soy un tanto reacio porque todos te acaban metiendo algo más de código y aprender a configurarlos bien, bien, suele ser otro mundo a parte.

De veras, no existe algo en WordPress que consiga incluir dentro de la etiqueta el Pixel de Facebook para las Landing Page sin necesidad de Plugins.

Gracias por tu ayuda Pepe!!

Hola Carlos.

Aparecía para esas extensiones porque es un código standar que se utiliza también para realizar las conversiones de woocommerce ( si lo tienes instalado )

Puedes añadir directamente el código que obtienes de facebook en el header de tu plantilla.
.- Accede Apariencia -> Editor
.- Selecciona Cabecera del tema ( header.php )
.- Antes de cierre añades el código

Un Saludo