Cómo poner el Píxel de Facebook en ITOfunnels
Introducción
En este artículo te vamos a enseñar cómo Implementar el Píxel de Facebook en ITOfunnels
¿Tienes cuenta en ITOfunnels?
En nuestra academia te lo explicamos con todo tipo de detalles en éste vídeo. *
(*) Sólo accesible para usuarios de ITOfunnels
Creación del Píxel en Business Manager de Facebook
-
Business Manager
Accede a tu Business Manager de Facebook
-
Administrador de Eventos
Pulsamos en el menú -> Administrador de eventos.
-
Nuevo Pixel
Pulsa en 'Añadir nuevo origen de datos' -> 'Pixel de Facebook' -> 'Añade el código del píxel manualmente al sitio web'.
-
Copiar el Código del Píxel
Copia el código base pulsando sobre él y pégalo (botón derecho -> pegar) en un blog de notas.
Desliza hacia abajo y pulsa 'Continuar'.
-
Copiar Código de los Eventos
En el segundo paso pulsa en 'Añadir el código del evento manualmente'.
Despliega los eventos que necesites y copia sus respectivos códigos pulsando sobre ellos. Pega cada código de cada evento en un blog de notas.
Importante: Elimina las etiquetas del código de los eventos.
Agrupación del Píxel (Código base + eventos)
Una vez en el blog de notas tengas el código base y los códigos de los eventos por separado, es hora de agruparlos.
-
Copiar Código del Pixel
Copia el código del evento que necesites para tu primera landing (selecciona el código -> botón derecho -> copiar).
-
Añadir código de los eventos
Debajo de la línea: "fbq('track', 'PageView');" y encima de la etiqueta de cierre "" pega el código del evento que necesites (botón derecho -> pegar).
-
Copiarlo todo junto
Selecciona el código base junto al evento que acabas de pegar y cópialo (botón derecho -> copiar).
Introducir el Píxel
-
Seleccionar la Landing
Accede a la landing en la que desees introducir el píxel junto con el evento.
-
Pegar en Header Scripts
Desliza hacia abajo y en el campo 'Header Scripts' pega el código del píxel completo que has copiado en el paso 2 (botón derecho -> pegar).
-
Actualizar
Pulsa en 'Actualizar'.
Importante: Si queremos introducir el píxel dentro de una landing de nuestro funnel lo único que cambia es el paso 3. En vez de pegar el código del píxel en el campo 'Header Scripts', debes desplegar la pestaña 'Ajustes de la página de destino' y en el campo 'Scripts' pegar el código del píxel.
Este proceso se realizará en cada landing con sus eventos correspondientes.
--------------------------------------------------------------
CÓDIGO BASE DEL PIXEL
--------------------------------------------------------------
<!-- Facebook 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', '0000111122223333');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=0000111122223333&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
--------------------------------------------------------------
EVENTOS MÁS COMUNES
--------------------------------------------------------------
<script>
fbq('track', 'CompleteRegistration');
</script>
<script>
fbq('track', 'ViewContent');
</script>
<script>
fbq('track', 'Purchase', {value: 6.00, currency: 'USD'});
</script>
<script>
fbq('track', 'Subscribe');
</script>
<script>
fbq('track', 'AddToCart');
</script>
Nota: Aquí tienes el código base del pixel de Facebook, junto con los eventos más comunes. Recuerda cambiar los números 0000111122223333 por el ID correspondiente con tu pixel.
Nota extra: limpiar los mensajes de error del Pixel en Facebook
Es posible que durante la configuración del Pixel, si no has puesto bien los eventos, te hayan salido mensajes de error en el administrador de Eventos de Facebok
Estos mensajes de error no se borran aunque soluciones el problema, así que cuando hayáis solucionado el problema (lo más habitual es el poner un valor y una moneda al Complete Registration) tenéis que ir al administrador de eventos y marcarlo como ignorado.
Si el problema está solucionado no volverá a salir el mensaje de advertencia.
Interacciones con los lectores