Trabajar con píxeles de Facebook

Si está habilitada en la configuración de CMP, esta puede llamar automáticamente a la función de Facebook fbq con el estado del consentimiento.

Para más detalles, consulta la página para desarrolladores de Facebook.

Bloquear Facebook

Para bloquear los píxeles de Facebook con el modo de bloqueo manual, añade type="text/plain" class="cmplazyload" data-cmp-vendor="s7" al código de Facebook de la siguiente manera:

<script type="text/plain" class="cmplazyload" data-cmp-vendor="s7">
  !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 Facebook Pixel ID');
  fbq('track', 'PageView');
</script>

Compatibilidad con los eventos de Facebook

Para aumentar la compatibilidad con otros eventos de Facebook (sincrónicos) o llamadas a la fbqfunción, puedes añadir el siguiente código a tu sitio web (justo antes o después del código de Facebook bloqueado del ejemplo anterior):

<script type="text/plain" class="cmplazyload" data-cmp-vendor="s7">
  !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 Facebook Pixel ID');
  fbq('track', 'PageView');
</script>
<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 = [];}
 (window, document);
</script>

Nota: En el ejemplo anterior, también se ajustó el código original y se eliminó la primera condición.

Uso del modo de consentimiento de Facebook

Nota: el uso del modo de consentimiento no impide el seguimiento. El navegador seguirá cargando contenido de los servidores de Facebook. Por lo tanto, no recomendamos utilizar el modo de consentimiento, sino aplicar siempre un bloqueo total (véase más arriba).

Para aplicar la lógica del RGPD a los píxeles de Facebook, debes configurar el código del píxel de Facebook para revocar el consentimiento:

<script>
  //your existing facebook code:
  !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');
  
  // this line is new:
  fbq('consent', 'revoke'); 
  
  // rest of your existing facebook code:
  fbq('init', 'Your Facebook Pixel ID');
  fbq('track', 'PageView');
</script>

De esta forma, Facebook no instalará automáticamente cookies ni procesará datos. El CMP podrá habilitar este seguimiento más adelante.

La CMP enviará automáticamente el estado «consent=grant» cuando se active CMP > Integraciones > Facebook (imagen 1 a continuación) y se seleccione Facebook como proveedor personalizado en la configuración de la lista blanca de la CMP (imagen 2 a continuación):

Nota: No añadas Facebook manualmente como nuevo proveedor, sino utiliza siempre el proveedor de Facebook existente de la lista para garantizar que las funciones funcionen correctamente.

We do our best to keep this purely informative documentation up to date. However, if you notice that any of these guides need a little touch-up, let us know!