7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. WordPress

Potencia tus anuncios de Facebook: Cómo añadir píxeles de Facebook a WordPress

Scroll to top
Read Time: 8 mins

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

¿Has oído hablar de Facebook Pixel, pero no estás seguro de qué es o si necesitas añadirlo a tu sitio web?

En este artículo, exploraremos exactamente lo que Facebook Pixel te puede ofrecer.

Puedes medir, rastrear y optimizar tus campañas publicitarias de Facebook con la herramienta gratuita de análisis de píxeles. Te mostraré cómo añadir el código de seguimiento de píxeles de Facebook en WordPress, y cómo configurar el seguimiento de eventos, para que puedas ver exactamente qué está haciendo la gente en tu sitio web.

¿Qué es Facebook Pixel?

Facebook Pixel es una herramienta de análisis diseñada para ayudarte a analizar y optimizar tus campañas publicitarias de Facebook.

Dado que es específico de Facebook, no es necesario añadir Facebook Pixel a tu sitio web de WordPress a menos que estés ejecutando o planees publicar anuncios en la plataforma de Facebook. Si no tienes planes de anunciarte en Facebook, deberías optar por una herramienta de análisis más generalizada, como Google Analytics.

Si promocionas tu sitio web de WordPress en Facebook, puedes usar Pixel para:

  • Mide las tasas de conversión de tus campañas publicitarias de Facebook. Por ejemplo, puedes realizar un seguimiento de cuántas personas completan una compra después de hacer clic en tu anuncio de Facebook.
  • Dirígete a las personas en función de su anterior comportamiento. Pixel registrará todos los visitantes que realicen una acción tras de ver uno de tus anuncios de Facebook. Pixel, por ejemplo, puede realizar un seguimiento de las páginas que visitan y los productos que añaden a sus carritos de la compra. A continuación, puedes usar esta información para dirigirte a los visitantes con anuncios personalizados y dinámicos diseñados para alentarles a realizar acciones a posteriori.
  • Saca el máximo partido a tu presupuesto publicitario. Configura pujas automáticas para dirigirte a las personas que tienen más probabilidades de actuar después de ver tus anuncios.

¿Cómo añado píxeles de Facebook en mi sitio web de WordPress?

En esta sección, te mostraré cómo instalar Pixel en tu sitio web de WordPress, generando un código de seguimiento de píxeles de Facebook que luego pegas en la cabecera de tu sitio web.

Crear tu píxel

Solo puedes crear un píxel por cuenta de Facebook Ads, pero si tienes varios sitios web, puedes simplemente reutilizar el mismo píxel.

Para crear tu Pixel:

  • Dirígete al Administrador de eventos de Facebook e inicia sesión con tu nombre de usuario y contraseña de Facebook.
  • Busca la tarjeta de Píxel de Facebook y haz clic en el botón De introducción que lo acompaña.
  • En la siguiente ventana emergente, asigna un nombre a tu píxel.
  • Revisa los Condiciones de las herramientas para empresas de Facebook y, si estás dispuesto a continuar, haz clic en Continuar.
  • Existen varias maneras de añadir un Pixel a tu sitio web, pero nosotros lo haremos de forma manual, así que haz clic en Añadir código manualmente al sitio web.

Añade el código de píxel de Facebook a tu sitio web

En este punto, se te presentará un código JavaScript que debes añadir a la cabecera de tu sitio web.

Hay dos maneras de añadir este código a tu sitio: ya sea pegándolo en tu archivo header.php o usando un plugin. Yo voy a añadir el código al archivo header.php de mi sitio web:

  • Inicia sesión en tu cuenta de WordPress.
  • En el menú de la izquierda, selecciona Apariencia > Personalizar.
  • Selecciona tema que desees editar y pulsa Personalizar. Haz clic en Seleccionar.
  • Desplázate hacia abajo en el menú Archivos de tema hasta que encuentres un archivo header.php, haz clic sobre él.
You can add Facebook Pixel to your website by editing your WordPress themeYou can add Facebook Pixel to your website by editing your WordPress themeYou can add Facebook Pixel to your website by editing your WordPress theme

Ahora deberías estar viendo el código del archivo header.php. Desplázate hasta que encuentres la última etiqueta </header>, también conocida como la etiqueta de cierre. Copia y pega el código de tu Pixel directamente encima de la etiqueta </header> de cierre.

Guarda tus cambios haciendo clic en Actualizar archivo y vuelve al Administrador de eventos de Facebook, desplázate hasta Activar la coincidencia avanzada automática. Esta función está deshabilitada de forma predeterminada, pero si la habilitas, Pixel intentará hacer coincidir a los visitantes de tu sitio web con tus perfiles de Facebook, utilizando la información que ya hayan proporcionado a tu sitio web, como su nombre, dirección de correo electrónico y número de teléfono.

La coincidencia avanzada puede ser útil para crear campañas publicitarias dirigidas, pero compartir información de visitantes con un tercero puede ser un tema delicado, por lo que te recomiendo que hagas clic en el enlace Más información y revises la información de Facebook sobre la coincidencia avanzada, antes de comprometerte a compartir tus datos.

You can share data with Facebook by enabling automatic advanced matchingYou can share data with Facebook by enabling automatic advanced matchingYou can share data with Facebook by enabling automatic advanced matching

Ahora tienes que comprobar que Pixel está configurado correctamente.

  • Desplázate hasta la sección Probar código base y pega la URL de tu sitio web en el campo de texto que lo acompaña.
  • Haz clic en Enviar tráfico y Facebook Events Manager abrirá tu sitio web en una nueva pestaña.
  • En la nueva pestaña, dedica algún tiempo a desencadenar varios eventos en tu sitio web, como hacer clic en los botones, añadir artículos a tu carrito de compras o navegar a diferentes páginas de tu sitio web.
  • Vuelve al Administrador de eventos de Facebook, este debería actualizarse para mostrarte un mensaje Activo. Haz clic en Continuar.

¡Felicidades, acabas de añadir Facebook Pixel en tu sitio web!

Seguimiento de eventos: consulta qué hace exactamente tu público

A continuación, tenemos que dejar que Pixel sea consciente de qué eventos debe rastrear. Por ejemplo, es posible que desees registrar cada vez que un visitante acceda a una página web concreta, selecciona un elemento determinado del menú o añade un elemento a tu carrito de compras.

You can setup Facebook Pixel to record a wide range of unique eventsYou can setup Facebook Pixel to record a wide range of unique eventsYou can setup Facebook Pixel to record a wide range of unique events

El seguimiento de eventos es una parte importante de Facebook Pixel y potencia muchas de sus principales características, pero el proceso de implementación del seguimiento de eventos variará, dependiendo del tipo de actividad que quieras rastrear y de cómo esté configurado tu sitio web.

Para empezar, podría tener sentido configurar algún seguimiento de eventos básico, analizar los datos generados y, a continuación, utilizar esto para refinar el seguimiento a lo largo del tiempo.

En este paso, crearemos algunos eventos básicos con la Herramienta de configuración de eventos de Facebook.

Actualmente, el Administrador de eventos de Facebook debería indicarte Utiliza la herramienta de configuración de eventos de Facebook. Sin embargo, la herramienta de configuración de eventos puede tardar hasta 20 minutos en registrar el Pixel que estés configurado en tu sitio web. Si encuentras un mensaje de error no se han registrado eventos al intentar iniciar la herramienta de configuración de eventos, tendrás que intentarlo de nuevo más tarde.

  • En el Administrador de eventos de Facebook, selecciona Usar la herramienta de configuración de eventos de Facebook.

Start logging what actions visitors take on your website with the Event Setup ToolStart logging what actions visitors take on your website with the Event Setup ToolStart logging what actions visitors take on your website with the Event Setup Tool
  • Suponiendo que el Administrador de eventos haya reconocido que Pixel está configurado correctamente, introduce la URL de tu sitio web y haz clic en Abrir sitio web.
  • Tu sitio web se iniciará ahora en una nueva pestaña; haz clic en Siguiente para desplazarte por el diálogo introductorio.

Ahora serás guiado a través del proceso de registro de los eventos sobre los que deseas realizar un seguimiento. Este proceso variará entre sitios web, por ejemplo, si deseas grabar cada vez que alguien haga clic en el botón Añadir al carrito, entonces empezarías seleccionando el botón Rastrear nuevo.

You can track any button-press events that happen on your website by selecting Track new button You can track any button-press events that happen on your website by selecting Track new button You can track any button-press events that happen on your website by selecting Track new button

A continuación, el asistente de configuración de eventos destacará todos los botones de la página web actual y puedes seleccionar el botón del que desees realizar el seguimiento. Después de realizar la selección, puedes asignar un evento a este botón, por ejemplo Compra o Iniciar pago.

The Event Setup Tool allows you to assign various events to your websites buttons and other UI elementsThe Event Setup Tool allows you to assign various events to your websites buttons and other UI elementsThe Event Setup Tool allows you to assign various events to your websites buttons and other UI elements

A continuación, refleja y repite lo mismo para cada evento sobre el que desees realizar un seguimiento. Cuando estés satisfecho con el seguimiento de eventos inicial, haz clic en Finalizar configuración.

Para poner a prueba tu seguimiento, dedica un tiempo a desencadenar deliberadamente los distintos eventos de tu sitio web y, a continuación, vuelve al Administrador de eventos de Facebook y selecciona Probar eventos. El Administrador de eventos ahora debería contener un registro completo de la actividad reciente.

You can track all of your Facebook Pixel events from the Events Manager console You can track all of your Facebook Pixel events from the Events Manager console You can track all of your Facebook Pixel events from the Events Manager console

En función de la información que aparezca en el Administrador de eventos de Facebook, es posible que desees realizar algunos ajustes en el seguimiento de tus eventos, como editar algunos eventos existentes o crear otros nuevos.

Para refinar el seguimiento de eventos:

  • Abre el Administrador de eventos de Facebook, si aún no lo tienes abierto.
  • Selecciona el botón Configurar situado en la esquina superior derecha.
  • Haz clic en Configurar nuevos eventos.

Facebook iniciará ahora el Asistente de configuración de eventos, listo para que tú mismo refines el seguimiento de eventos de tu sitio web.

Conclusión

En este tutorial, te mostré cómo sacar más provecho de tus campañas publicitarias en Facebook añadiendo Facebook Pixel a tu sitio web. También he descrito cómo puedes comenzar a registrar la actividad de los visitantes, configurando el seguimiento básico de eventos.

¡Acabamos de arañar la superficie de todo lo que Facebook Pixel puede ofrecerte! Si quieres obtener más información sobre esta potente herramienta de análisis, consulta la documentación de Facebook Pixel para obtener más información.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.