+34 629 24 70 65 [email protected]Mapa del Sitio
Facebook Pixel

Facebook Ads: Cómo instalar el Píxel de Facebook

La publicidad en Facebook es una herramienta poderosa.

La Red Social pone a disposición de todo el mundo su base de datos, con innumerables posibilidades de segmentación, de más de 1.500 millones de usuarios.

Sencillamente tiene un potencial brutal.

Tanto si tienes pensado hacer publicidad en Facebook, como si no, la compañía de Mark Zuckerberg te ofrece la posibilidad de que puedas hacer un seguimiento del comportamiento de tu web o blog, al menos de las visitas, de una manera sencilla y muy práctica.

Te puede interesar echar un vistazo a este artículo: Fan Page de Facebook: Cómo Sacarle Partido

¿Quieres saber cómo? A través del píxel de Facebook.

¿Qué es el píxel de Facebook?

A lo largo del segundo semestre del 2016, Facebook va a cambiar el píxel. Eliminará los píxeles de conversión y el de público personalizado, combinándolos en sólo y nuevo píxel: el pixel de Facebook.

Puedes ver toda la informavión en la propia página de facebook, aquí.

El píxel de Facebook es un fragmento de código que te va a permitir, al instalarlo en tu web; el poder hacer un seguimiento de diferentes parámetros en tu sitio.

Hay diferentes tipos de píxel o , mejor dicho, diferentes variaciones del mismo píxel.

Si te interesa lo que lees, puedes suscribirte

Suscríbete y te mantendré informado de los nuevos contenidos y de la información que te pueda interesar.

Cada variación del píxel te permite medir diferentes acciones que se produzcan en el site (lo que se denomina eventos), como pueden ser: visitas a una url, conversiones en leads, ventas, etc.

Sólo vas a tener un único píxel (o fragmento de código) por cuenta publicitaria, pero podrás añadirle una pequeña línea de código para adecuarlo a la acción o evento que desees medir. No te preocupes por ahora, por que es sencillo de realizar.

No quiero entrar en este artículo en estrategias de conversión más avanzadas. Lo que quiero que hagas en cuanto termines de leer el artículo, es instalar el pixel de Facebook en tu sitio web.

¿Por qué?

Por que te va a permitir, desde el primer momento, hacer un seguimiento de las personas que visitan tu web.

Tener una base de  datos de usuarios interesados en tus contenidos para poder interactuar con ellos más adelante. De la manera que sea más adecuada para tus intereses.

Vas a poder crear:

  • Públicos personalizados.
  • Públicos similares (en características y, por tanto, en comportamientos) a los que han visitado tu sitio.
  • Ver las direcciones url que han visitado: qué páginas de tu web.
  • Qué dominios han visitado, en el caso que tengas o gestiones varios.
  • Desde qué dispositivos: ordenadores, smartphones, tablets…

Te dejo unos posts que te podrían interesar:

Tu cliente ideal: Quién es y Como descubrirlo

Inbound y marketing relacional: Atrae y enamora a tu cliente

Automatización del Marketing

Posicionamiento web de tu negocio en internet

Vista del píxel de seguimiento

Como te he comentado, sólo vas a tener un píxel por cuenta publicitaria.

El aspecto es el siguiente:

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

 

Y para que veas que “no muerde” 🙂 te voy a explicar las partes fundamentales:

Estructura del código del píxel

La estructura del código es muy sencilla.

codigo base pixel facebook

Como puedes ver en la imagen, consta de 3 partes:

  1. El conjunto es el código base del píxel de Facebook. Esto es lo que vas  a tener que copiar y pegar para que te hagan el seguimiento de las visitas a todo tu sitio web.
  2. fbq(‘init’, ‘1234567890’); La serie de números tras “init” es lo que distingue tu código del resto. Es tu “código personal” del código del píxel, lo que lo hace único y lo identifica contigo y con tu cuenta publicitaria.
  3. fbq(‘track’, “PageView”). Esta pequeña línea de código es lo que determina que acción (también llamados “eventos”) van a trackear, a medir, a seguir. En este caso van a medir las visitas a todo tu sitio web. Añadiendo tras esta línea, otra con otro tipo de evento, es lo que te va a permitir medir diferentes acciones, como: compras, suscripciones, visualizaciones de video…y muchas más.

La parte que he señalado en verde “fbq(‘track’, “addtocart)” no viene en le código base. ësto es lo que vas a tener que añadir tú cuando quieras registrar y medir alguna acción o evento específico. En esta ocasión el evento a medir sería la acción de añadir un artículo al carito de a compra.

Cómo crear el píxel

Para crear o conseguir tu pixel de Facebook, lo puedes hacer desde tres sitios diferentes:

  • El administrador de anuncios.
  • La herramienta de creación de anuncios.
  • Power Editor (tienes que utilizar el navegador Chrome).

Para crearlo desde el Administrador de Anuncios:

En el administrador de anuncios:
  1. Haz clic en Herramientas en el menú de la parte superior.
  2. Haz clic en Crear píxel.
  3. Haz clic en Ver código del píxel y, a continuación, copia el código que aparece.

Ya tienes tu píxel personalizado.

Por último, sólo una cosa: te recomiendo que vayas cogiendo práctica con el “power editor”. Es la herramienta que te va a permitir muchas mas funcionalidades para crear tus campañas de anuncios. Recuerda que sólo lo puedes utilizar con Chrome.

Dónde y cómo instalar el píxel de publicidad

El píxel creado lo tienes que instalar en TODAS las páginas y entradas de tu web.

Pero tranquilo -:). No vas a tener que hacer una a una.

Como lo que quieres es que te mida todas las visitas que ocurran en tu web site, tienes que añadir el píxel a tu sitio web, coloca el código entre las etiquetas <head> y </head> del código de la página web en la que quieras seguir las conversiones.

instalar codigo pixel facebook

Formas de instalar el píxel

El código pixel base sólo lo tienes que instalar una vez para que comience a funcionar y te posibilite medir todas las visitas que llegan a cualquier parte de tu web.

Vamos a verlas:

Instalando el pixel en tu tema de wordpress

Tines que ir a “Opciones del Tema” (Theme options). Seleciona “General“. Aquí es donde verás (si tu tema te permite esta opción) el recusdro para instalar el píxel. Cópialo y pégalo en el recuadro, como en la imagen.

instalar pixel facebook opciones del tema

Mediante el plugin “Facebook conversion Pixel”, para wordpress

Este plugin te permite insertar elpixel en las entradas, artículos, páginas que quieras. Es realmente útil para la creación de eventos (cuando quieres medir una acción precisa en una página o entrada determinada como, por ejemplo, el número de suscriptores que has conseguido tras realizar una determinada acción).

Instalando el plugin te aparecerá en el editor de wordpress, en cada entrada, página etc. la opción de insertar el código.

Sólo tienes que marcar la cuadrilla e insertar el código.

instalar pixel mediante plugin

Tracking code manager: un plugin potente

Tracking code manager es un plugin que te permite gestionar de una manera sencilla la instalación de los códigos.

Para configurarlo tienes que ir a “Ajustes” y buscar “tracking Code Manager”.

plugin facebook tracking code manager

La imagen te muestra en dónde tienes que poner atención.

1- Como hemos visto,ve a “Ajustes” y busca el Plugin.

2- En “ADD New Script” (inserta nuevo código) te aparecen las opciones de configuración.

3- Dale el nombre que quieras al código (Ej, Lead ebook ecommerce).

4. Pega en la casilla el código del pixel.

5- Asegúrate que la posición donde se va a instalar el píxel es BEFORE “HEAD”, para que se inserte en el lugar apropiado.

6- Si tienes un blog, selecciona la casilla “standar code tracking in your wordpress”. Una vez seleccionada, te debe aparecer la opción de elegir si lo quieres colocar:

a- En todo tu sitio web.

b- En determinados artículos y/o páginas.

 

Otros artículos que te podrían interesar:

Propuesta de valor para tu plan de empresa

Los principios de la persuasión de Robert Cialdini

Tipos de posts con los que crear buen contenido

Buyer Persona: Crea contenidos con un propósito

 

Instalar en píxel de forma manual

Puedes instalar el código tú mismo (si sabes como hacerlo) o bien, Facebook te da la opción de que pudeas enviar el código a quien desees para que lo instale en tu wordpress.

Para instalarlo manualmente tienes que ir al EDITOR de tu wordpress (dentro de “Apariencia”).

l la columna derecha de la pantalla del editor, busca  la “cabecera del teme” (Header.php).

Pega el código entre las etiquetas <head>…</head>

Comprobar el correcto funcionamiento del píxel

Una vez instalado es importante que compruebes que el pixel está activado y funcionando correctamente. Hay veces que puede dar error en la instalación, por eso, no te olvides de hacer la comprobación.

Los errores más comunes que pude dar la instalación del píxel (aunque no son muy comunes) son:

  • El píxel no se ha cargado: El píxel está colocado, pero no se ha activado. Puede ser por un error en el código.
  • El píxel se ha activado varias veces: Puede ser por que se ha enviado varias veces el mismo píxel.
  • El píxel ha tardado demasiado en cargarse: Puede debers a al lugar en donde se ha colocado.
  • El píxel no es la única conversión.

Para comprobar el correcto funcionamiento del píxel hay dos maneras:

Administrador de Anuncios de Facebook

administrador anuncios facebook pixeles

Desde el “administrador de Anuncios” tienes que pinchar en “Todas las Herramientas” y seleccionar “píxeles“.

Te llevará a la página en donde se te muestran los píxeles que tienes activos.

Comprueba que el píxel creado está “activo” por Facebook.

comprobacion pixel activo fb administrador anuncios

Extensión para Chrome: Facebook Píxel Helper

Te recomiendo que instales en tu navegador Chrome, la extensión: Facebook Píxel Helper.

Es muy útil y fácil de usar. Lo que hace es comprobar los píxeles que tienes instalados y activos en tu sitio wen.

Para ello sólo tienes que cargar cualquier página o entrada de tu web y la extensión te mostrará que píxeles están instalados y si están activos.

En la imagen puedes ver como en una entrada de mi web, señala la existencia de dos píxeles de seguimiento (el general de la web y uno específico de esa página para medir eventos).

facebook pixel helper

 

Visualización de las estadísticas del Píxel

 

En el panel de “pixeles” también vas a poder ver las estadísticas que te ofrece el píxel al instalarlo en tu web.

Puedes seleccionar el periodo de tiempo que quieres que te muestre: Hoy, ayer, últimos 7 días o últimos 14 días.

Eventos

Son las interacciones que se han realizado en tu sitio web.

Como el píxel colocado es el de las visitas “pageview” la gráfica te muestra las visitas que ha obtenido tu web en el periodo de tiempo seleccionado.

eventos estadisticas pixel fb

Direcciones URL

¿Te gustaría saber de todas las visitas que has tenido, cómo se desglosan por páginas vistas?

Pues puedes verlas seleccionando “Direcciones URL”. Te saldrá un desplegable con las urls y el número de visitas que han tenido cada una. Muy interesante.

direciones url pixel fb

 

Dominios

Igual que el punto anterior pero, en esta ocasión, te muestra las visitas a los diferentes dominios que pudieras tener.

Dispositivos

Otro dato muy importante.

¿Desde qué dispositivos me están entrando as visitas?

¿Me ven más desde el móvil o desde el PC?

Ahora los puedes tener “diseccionado” a través de la pestaña “dispositivos”.

dispositivos pixel fb

 

Listado códigos conversiones del píxel

Por último te dejo el listado de las diferentes líneas de código que puedes implementar en páginas específicas de tu web para medir las acciones, eventos o conversiones que desees realizar.

Recuerda que lo tienes que incluir dentro del código del píxel de Facebook, en el apartado nº3 que vimos anteriormente:

codigos para eventos pixel faebook

 

Espero que te haya sido de utilidad este artículo.

 

Más adelante hablaremos más en profundidad de como realizar acciones dentro de la publicidad en Facebook.

Déjame cualquier duda que tengas en comentarios y, si te ha parecido interesante, puedes compartirlo en las redes sociales. 🙂

 

 

 

 

 

 

Javier Ramos

Consultor de marketing digital especializado en posicionamiento web , embudos de conversión con Facebook Ads y email marketing.
Autor de javiramosmarketing.com y colaborador en diferentes webs de marketing.
Puedes ponerte en contacto conmigo a través de mi blog.

This Post Has 13 Comments

    1. Hola Julián!

      La extensión para Chrome es muy útil para comprobar que el código se ha activado correctamente, en cada píxel que vayas creando.

      Me alegra mucho que te haya servido el artículo. Espero que te vaya muy bien con tus estrategias de FB Ads.

      Saludos!!

    1. Hola Alfredo!

      Gracias por pasarte a comentar. La extensión es muy adecuada para la comprobación del píxel. Instalar el pixel te va a permitir ir creando públicos para posteriores campañas de Facebook Ads. Y lo puedes segmentar según las urls que hayan visitado.

      Una abrazo!!

    1. Hola Alexis!

      Me encanta que te haya gustado. Mi intención era explicar de una manera clara lo que es el píxel y que pueda servir para que los que quieran lo vayan instalando en su web.

      Muchas gracias por tus palabras 😉

      Un fuerte abrazo!

  1. Hola Javi,
    Enhorabuena por el artículo, se entiende todo perfectamente , paso a paso, así es como me gusta leer las cosas!
    Aprovechaba para preguntarte si gestionas varias fan pages y las tienes asociadas a una única cuenta publicitaria (con lo que sólo tienes 1 píxel) utilizas el mismo código para las diferentes fan pages?
    Muchas gracias!!

    1. Hola Raquel!

      Muchas gracias por tu comentario y feliz que te haya gustado!!

      Respecto a tu pregunta te comento: Puedes tener todas las fan pages que quieras asociadas a una cuenta publicitaria siempre que sean tuyas. Como propietaria sólo tienes un pixel y lo asignas a tus fan pages, Si llevas la fan page de un cliente, lo normal es que tu cliente haya instalado su pixel en su fan page y a ti te de el rol de administrador o anunciante para que la gestiones.

      Te dejo este enlace de Facebook donde responden a este tipo de preguntas. Dime si te ha sido útil y si tienes alguna duda más.

      Saludos!!

      1. Ajá! Exacto, ese es el caso con un cliente. Su página estaba creada en base a su perfil personal, yo estoy como administradora de su página y la gestiono accediendo desde mi perfil, pero claro, a la hora de crear una campaña la cuenta asociada que aparece es la mía personal. La pregunta es, una vez que el cliente instale el píxel de su cuenta en su web, ¿ a mi me deberían de aparecer entonces 2 cuentas publicitarias? La suya y la mía? Y a partir de aquí escoger cuál quiero gestionar?

        Espero haberme explicado!!

        Mil gracias de nuevo

        1. Hola de nuevo, Raquel! 🙂

          Así es. El pixel debe instalarlo desde su fanpage y las campañas se hacen a través de la fan page con el Power Editor (es la mejor opción). Cuando te den permiso como administrador/a te debe aparecer su cuenta publicitaria, que es desde la que tienes que gestionar sus campañas de Facebook Ads. Así son ellos los que hacen los pagos de las campañas.
          Te aparecerán dos cuentas: la tuya y la de ellos.

          Es sencillo de hacer, ya me cuentas que tal te va.

          Saludos!

          1. Muy bien!! Ahora sí que me queda claro. Cuando lo haga te digo por aquí, muchas gracias por la ayuda y a seguir con estos posts tan interesantes 🙂 !

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *