Saltar al contenido principal

Sitio web avanzado: píxeles de seguimiento de Facebook

Puedes añadir píxeles de seguimiento de Facebook a tu sitio web adaptable para rastrear eventos. Crea el código de tu píxel de seguimiento de Facebook en la pestaña "Píxeles de Facebook".

Añadir el píxel de seguimiento de Facebook

Sección de guion
<!-- Código de píxel de Facebook --> <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/es_ES/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXXX');fbq('track', 'PageView');
</script>
Sección NoScript
<noscript>
<img altura="1" ancho="1" estilo="display:none" 
src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"/>
</noscript>
<!-- Fin del código del píxel de Facebook -->
  1. Para acceder a la sección Cuerpo y HTML, en el panel izquierdo, haga clic en Ajustes y, a continuación, haga clic en Encabezado HTML.
  2. Copia la parte <script> del código proporcionado por Facebook en la sección HTML del cuerpo y haz clic en Guardar. El código debería ser similar al que se muestra a continuación.

Nota:

El código anterior es solo un ejemplo; no lo copie directamente en su sitio. Asegúrese de obtener el código correcto de Facebook Pixel Code.

  1. Pegue la parte <noscript> del código proporcionado por Facebook en la sección Cuerpo y HTML también y luego haga clic en Guardar.

Consideraciones sobre los píxeles de seguimiento de Facebook

  • Al igual que Google Tag Manager, Facebook recomienda colocar el código noscript al principio del cuerpo del mensaje. Esta es una solución alternativa para sortear las limitaciones de los navegadores web antiguos que no cargan el código del encabezado.
  • Guesty Sitios web ha completado pruebas exhaustivas y la sección body-end.html del modo de desarrollador funciona para agregar el código noscript.
  • Para obtener más información sobre la implementación de Facebook Pixel, consulte esta guía.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0