Cómo instalar un píxel de seguimiento

Qué hace un píxel

Un píxel es un pequeño script de una plataforma publicitaria. Le indica a la plataforma cuándo alguien visita tu web o realiza una acción. Así puedes medir qué anuncios funcionan, crear audiencias y mostrar anuncios a quienes ya visitaron tu sitio.

1. Encuentra el ID de tu píxel

• Meta: Events Manager, debajo de tu fuente de datos.
• TikTok: Events Manager, debajo de Web Events.
• LinkedIn: Campaign Manager, debajo de Insight Tag. Se llama ID de socio.
• Pinterest: Ads Manager, debajo de Conversiones.
• Google Ads: Objetivos, debajo de Etiqueta de Google. Empieza por AW-.

Los nombres de los menús cambian de vez en cuando, así que busca en la ayuda de tu plataforma si no lo encuentras.

2. Genera el código

Introduce tus IDs en el Generador de código de píxeles. Reunirá todos tus píxeles en un solo fragmento e indicará dónde pegarlo. Si solo usas una plataforma, prueba los generadores de Meta Pixel, TikTok Pixel o LinkedIn Insight Tag.

3. Añádelo a tu web

• Cualquier web: pégalo antes de la etiqueta </head> de cada página, idealmente en una cabecera compartida.
• Webflow: ve a Configuración del sitio → Código personalizado, pégalo en Código del head y publica. Esto requiere un plan de sitio de pago.
• WordPress: usa un plugin de código para la cabecera o un tema hijo. No edites un tema padre, porque las actualizaciones borran tu cambio.
• Shopify: busca primero la app del canal de ventas de la plataforma. Para código personalizado, ve a Configuración → Eventos de cliente y añade un píxel personalizado.
• Google Tag Manager: añade una etiqueta HTML personalizada, o una plantilla lista si existe, y actívala en todas las páginas.

Elige un solo método. Si un píxel está instalado dos veces, cada visita se contará dos veces.

4. Gestiona el consentimiento de cookies

Los píxeles de marketing suelen establecer cookies, y leyes como el RGPD normalmente exigen consentimiento antes de cargarlos. Esta guía no es asesoramiento legal, así que revisa qué normativa se aplica a tus visitantes.

En el generador, elige Después del consentimiento. Tu código quedará dentro de una función, y tu banner la ejecutará cuando el visitante acepte:

acceptButton.addEventListener('click', loadPixels);

No olvides a los visitantes recurrentes. Si tu banner guardó su elección, llama a loadPixels() al cargar la página para quienes ya aceptaron. El Generador de banner de consentimiento de cookies puede crear un banner por ti.

5. Pruébalo

1. Publica tu web y ábrela en una ventana privada.
2. Analiza la página con el Comprobador de seguimiento y píxeles.
3. Abre la herramienta de pruebas de tu plataforma. Meta tiene Test events, y TikTok también tiene Test Events.
4. Visita una página y confirma que aparece el evento.

Los bloqueadores de anuncios detienen muchos píxeles, así que desactívalo mientras pruebas. Por la misma razón, tus informes nunca capturarán a todos los visitantes.

6. Mide las conversiones

Las vistas de página solo son el principio. Usa el Generador de código de eventos de píxel para medir clientes potenciales y compras. Para cifras más fiables, añade seguimiento del lado del servidor con el Generador de Meta Conversions API. Etiqueta tus enlaces de campaña con el Creador de UTM para compararlos también en analítica.

Si tu píxel no se activa

• El código no está publicado. Muchas plataformas requieren que publiques los cambios.
• El ID es incorrecto. Cópialo de nuevo desde tu gestor de anuncios.
• El consentimiento lo está bloqueando. Acepta las cookies y recarga la página.
• Un bloqueador de anuncios está activo. Desactívalo y vuelve a probar.
• Una política de seguridad lo bloquea. Tu Content-Security-Policy debe permitir los dominios de la plataforma. Compruébalo con el Comprobador de cabeceras de seguridad.