Documentación

Todo lo que necesitas saber para implementar Consentio en minutos

Facebook Pixel

Integración de Facebook Pixel (Meta Pixel) con Consentio

Qué es Facebook Pixel

Meta Pixel (antes Facebook Pixel) es una herramienta de medición para rastrear conversiones y hacer retargeting en Facebook e Instagram. Permite medir la eficacia de los anuncios, crear públicos personalizados y optimizar las campañas publicitarias.

Categoría de cookies

Facebook Pixel pertenece a la categoría marketing.

Categoría de Consentio Señal de GCM
marketing ad_storage, ad_user_data, ad_personalization

Instalación con Consentio

Añade el código de Facebook Pixel con los atributos type="text/plain" y data-category="marketing". El script de Consentio activará el píxel solo después de que se conceda el consentimiento de las cookies de marketing.

HTML
<!-- Facebook Pixel -->
<script type="text/plain" data-category="marketing">
  !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', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

<!-- Alternativa noscript -->
<noscript>
  <img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=YOUR_PIXEL_ID&ev=PageView&noscript=1" />
</noscript>
Advertencia: Sustituye YOUR_PIXEL_ID por el ID real de Meta Business Suite → Administrador de eventos.

Alternativa con la API de JavaScript

Carga Facebook Pixel dinámicamente tras obtener el consentimiento:

JavaScript
Consentio.onConsentChange((consent) => {
  if (consent.marketing) {
    !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', 'YOUR_PIXEL_ID');
    fbq('track', 'PageView');
  }
})

Integración mediante GTM

Si usas Google Tag Manager, configura la etiqueta de Facebook Pixel para que requiera el consentimiento de ad_storage. Consentio se comunica automáticamente con GTM a través de Google Consent Mode v2, así que la etiqueta solo se activará tras conceder el consentimiento de marketing.

  1. En GTM, crea una nueva etiqueta de tipo HTML personalizado con el código de Facebook Pixel
  2. En la configuración de la etiqueta, ve a Configuración de consentimiento
  3. Define Requerir consentimiento adicional para que se active la etiqueta: ad_storage
  4. Define el desencadenador como Todas las páginas

Google Consent Mode v2

Consentio asigna automáticamente las categorías a las señales de Google Consent Mode v2:

Categoría de Consentio Señal de GCM Descripción
marketing ad_storage Almacenamiento publicitario
marketing ad_user_data Compartir datos del usuario con plataformas publicitarias
marketing ad_personalization Personalización de anuncios

Verificación

  1. Instala la extensión Meta Pixel Helper en Chrome
  2. Antes de conceder el consentimiento: el píxel no debería enviar ningún evento
  3. Después de conceder el consentimiento de marketing: el píxel debería enviar un evento PageView
  4. Verifica en Meta Business Suite → Administrador de eventos que los eventos se registran correctamente
Google AnalyticsTikTok Pixel