Ir al contenido principal

Google Tag Manager

Cómo configurar el Tanganica Pixel en Google Tag Manager, publicarlo, probarlo y cómo afecta la velocidad de carga de tu sitio.

A
Escrito por Admin

El código de medición (Tanganica Pixel) te permite controlar el rendimiento de los anuncios, acceder a analítica detallada y activar funciones extra. Así se configura en Google Tag Manager (GTM):

1. Revisa tu contenedor de GTM

  • Inicia sesión en Google Tag Manager.

  • Si ya tienes un contenedor para tu tienda online, úsalo.

  • Si no, crea uno (cuenta → Nuevo contenedor → escribe la URL de la tienda → selecciona Web → guarda).

  • GTM te dará dos fragmentos de código → coloca el primero en <head>, el segundo justo después de <body> en tu sitio web.

2. Añade la etiqueta de Tanganica Pixel

  • En GTM, ve a Etiquetas → Nueva.

  • Nómbrala Tanganica Pixel.

  • Elige Configuración de etiqueta → HTML personalizado.

  • Pega el código de medición de Tanganica.

<!-- Tanganica pixel -->

<script>(function(w,d,s,l,i){w[l]=w[l]||[];

w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});

var f=d.getElementsByTagName(s)[0],j=d.createElement(s),

dl=l!='dataLayer'?'&l='+l:'';j.async=true;

f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-TRS5RSN');</script>

<!-- End Tanganica pixel -->

  • Configura el Disparador → Todas las páginas.

  • Guarda.

3. Publica los cambios

  • Haz clic en Enviar → nombra la versión (por ejemplo, Tanganica Pixel añadido) → Publicar.

❗ Después de publicar, haz la prueba en Tanganica para confirmar que el Pixel funciona.

⚡ ¿El Tanganica Pixel ralentiza tu sitio web?

El código de medición de Tanganica carga nuestro propio contenedor GTM-TRS5RSN. Solo contiene el Tanganica Pixel y se carga de forma asíncrona, por lo que el navegador no pausa la carga de la página por ello. Por tanto, no hay nada que cambiar ni optimizar dentro del contenedor.

Eso no significa impacto cero. El navegador igual tiene que descargar y ejecutar el script, así que en una conexión lenta puede competir con el contenido de la página por ancho de banda y rendimiento del dispositivo.

Para una carga más rápida (LCP), Google recomienda principalmente cambios en tu web. LCP mide cuándo se muestra la imagen o bloque de texto más grande en la parte visible de la página, normalmente la imagen principal:

  • Pon el atributo fetchpriority="high" a la imagen principal en la parte superior para que el navegador la descargue primero.

  • No uses lazy load en la imagen principal; no incluyas el atributo loading="lazy".

Puedes comprobar la velocidad de tu sitio web directamente en Tanganica, en la sección Diagnóstico.

Resolución de problemas si no se detecta el Pixel:

  • Asegúrate de que los cambios están publicados en GTM.

  • Verifica que el contenedor de GTM esté instalado en tu sitio.

  • Confirma que el disparador está configurado en Todas las páginas.

  • Comprueba que las páginas de tu tienda online carguen correctamente.

¿Ha quedado contestada tu pregunta?