Instalar el píxel de Meta y la API de Conversiones

01¿Qué es Meta Pixel y para qué sirve?

Meta Pixel (antes píxel de Facebook) es un código JavaScript que se añade a su sitio y notifica a Meta las acciones de los visitantes. Gracias a él puede ver qué venta, formulario o registro ha generado cada anuncio de Facebook e Instagram.

La verdadera fuerza del píxel va más allá de la medición. El sistema publicitario de Meta aprende de eventos como la compra y muestra el anuncio a las personas con alta probabilidad de convertir. Con los datos del píxel también se crean públicos personalizados para volver a llegar a quienes han visitado su sitio o han mirado un producto.

La medición basada en el navegador puede perder algunos eventos por culpa de los bloqueadores de anuncios, los ajustes de privacidad del navegador y los cortes de conexión. Para cubrir este hueco, el píxel se usa junto con Conversions API, que se envía desde el servidor.

02Preparativos antes de la instalación

Cree el píxel y la cuenta publicitaria en el portfolio comercial de la propia empresa y dé a la agencia solo acceso compartido. Así, aunque cambie la colaboración, los datos de medición acumulados y los públicos permanecen en la empresa. Meta Pixel no sustituye a GA4; para usar ambos juntos, consulte también nuestra guía de instalación de Google Analytics 4.

• Un portfolio comercial de Meta (Business Manager) y una cuenta publicitaria que pertenezcan a la empresa
• Permiso de acceso al sitio o al gestor de etiquetas
• La lista de eventos que quiere medir: visualización de producto, añadir al carrito, inicio de pago, compra, envío de formulario
• Información sobre si su estructura de consentimiento de cookies condiciona los códigos de medición al consentimiento

03Crear el píxel y el código base

Abra el Administrador de eventos de Meta, marque la opción Web en el paso Conectar fuentes de datos y póngale un nombre al píxel. A continuación elegirá el método de instalación: añadir el código a mano, usar una integración de partner o instalarlo mediante Google Tag Manager.

En la instalación manual, añada el código base que le da Meta a la sección head de cada página. El código envía el evento PageView cada vez que se carga la página. En el ejemplo siguiente, en lugar de PIXEL_ID debe ir su propio identificador de píxel; copie siempre el código desde el Administrador de eventos.

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

Con Google Tag Manager

Si usa GTM, puede añadir el código base con una etiqueta HTML personalizada y ejecutarlo en todas las páginas. Vincular los eventos a activadores de data layer hace que la medición resista a los cambios de diseño; los detalles están en nuestro artículo sobre la instalación de Google Tag Manager.

Desde el panel de la plataforma

Algunas infraestructuras permiten tomar el identificador del píxel desde el panel y enviar ellas mismas los eventos. En la plataforma e-commerce de Aurora, la conexión con Meta sincroniza el catálogo de productos y mide las conversiones sin doble recuento; los códigos se añaden desde el panel.

04Eventos estándar y parámetros

Usar los nombres de evento estándar definidos por Meta hace que la optimización de anuncios y los informes funcionen por sí solos. En el evento de compra, el importe y la moneda son obligatorios; los identificadores de producto, por su parte, ayudan a que los anuncios de catálogo muestren el producto correcto.

fbq('track', 'AddToCart', {
  content_ids: ['URN-12'],
  content_type: 'product',
  value: 1499.90,
  currency: 'TRY'
});

// Compra: eventID es necesario para la deduplicación
fbq('track', 'Purchase', {
  value: 1499.90,
  currency: 'TRY',
  content_ids: ['URN-12'],
  content_type: 'product'
}, { eventID: 'SIP-10045' });

05Instalar Conversions API

Conversions API envía los eventos a Meta directamente desde su servidor, en lugar del navegador del visitante. No le afectan los bloqueadores de anuncios y transmite desde el origen los datos ya confirmados, como los pedidos. Meta recomienda usar el píxel y la API juntos para obtener el mejor resultado.

Para la instalación, cree un token de acceso (access token) en la pestaña de ajustes del píxel en el Administrador de eventos. Este token es una contraseña: guárdelo solo en el servidor y no lo ponga nunca en el código del navegador ni en un repositorio público. Después, su servidor envía una solicitud al punto de conexión events de la Graph API en cada evento importante.

Para los sitios pequeños que no tienen servidor propio también existen opciones que requieren menos código, como las integraciones de partners de Meta y Conversions API Gateway. En un proyecto de diseño de landing pages que recibe tráfico publicitario, lo más sano es verificar la instalación del píxel y de la API en un entorno de pruebas antes de que la página salga en línea; así no se pierden datos desde el primer día de la campaña.

• event_time es la marca de tiempo Unix del evento (en segundos) y debe indicar el momento en que ocurrió el evento.
• Los datos personales como el correo electrónico y el teléfono se envían cifrados con hash SHA-256; dé primero al teléfono el formato de solo cifras, con el prefijo del país.
• Compruebe el número de versión de la Graph API en la documentación para desarrolladores de Meta; las versiones antiguas dejan de usarse con el tiempo.

curl -X POST "https://graph.facebook.com/v<SURUM>/<PIXEL_ID>/events?access_token=<TOKEN>" \
  -H "Content-Type: application/json" \
  -d '{
    "data": [{
      "event_name": "Purchase",
      "event_time": 1767225600,
      "event_id": "SIP-10045",
      "action_source": "website",
      "event_source_url": "https://ornek.com/tesekkurler/",
      "user_data": {
        "em": ["<SHA256_ILE_KARMALANMIS_EPOSTA>"],
        "client_ip_address": "203.0.113.10",
        "client_user_agent": "Mozilla/5.0 ...",
        "fbp": "fb.1.1767225000000.1234567890"
      },
      "custom_data": { "value": 1499.90, "currency": "TRY" }
    }],
    "test_event_code": "TEST12345"
  }'

printf '%s' 'ornek@alanadi.com' | sha256sum

06Deduplicación: ¿por qué se cuentan dos veces los eventos?

Cuando la misma compra se envía tanto desde el píxel como desde la API, Meta tiene que entender que se trata de un único evento. Este proceso se llama deduplicación y se basa en dos condiciones: que el nombre del evento y el identificador del evento sean exactamente iguales en las dos fuentes.

Observe que en los ejemplos anteriores se escribe el mismo número de pedido en el campo eventID del lado del navegador y en el campo event_id del lado del servidor. Si no se establece esta correspondencia, las ventas aparecen duplicadas en los informes y el sistema publicitario aprende con datos erróneos.

Puede ver que la deduplicación funciona en los detalles del evento en el Administrador de eventos: el mismo evento figura recibido con la fuente del navegador y del servidor, y deduplicado. Una pequeña diferencia de tiempo entre las dos fuentes no es un problema.

07Probar y verificar los eventos

La pestaña Eventos de prueba del Administrador de eventos muestra los eventos en tiempo real. Para ver los eventos del navegador, introduzca la dirección de su sitio y haga alguna acción en la ventana que se abre; para los eventos del servidor, añada el código de prueba que aparece en pantalla al campo test_event_code de su solicitud y quite ese campo al pasar a producción.

La extensión de navegador Meta Pixel Helper también muestra qué evento se ejecuta en cada página y con qué parámetros. Unos días después de la instalación, mire la puntuación de calidad de coincidencia de eventos en el Administrador de eventos; si es baja, puede que tenga que añadir más datos de cliente con hash a los eventos del servidor.

08Privacidad y consentimiento

El píxel y Conversions API tratan datos personales. Los códigos de medición publicitaria no deben ejecutarse sin el consentimiento del visitante, los datos enviados deben explicarse en su aviso informativo y solo debe compartirse la información necesaria. En categorías sensibles, como la salud, Meta aplica además restricciones adicionales.

Este artículo ofrece información general. Compruebe su flujo de consentimiento de cookies, su aviso informativo y la transferencia de datos al extranjero con la normativa vigente de la KVKK (la ley turca de protección de datos, comparable al RGPD) y con su asesor jurídico. Si quiere saber con qué métricas leer el rendimiento publicitario, nuestro artículo sobre las métricas de redes sociales es un buen punto de partida.