Custom GTM Loader

Custom Loader ayuda a hacer que los scripts de Google Tag Manager y Google Analytics 4 sean más resistentes a los bloqueadores de anuncios e ITPs modificando la ruta de carga de gtag.js y gtm.js. Además, un Custom Loader y un Custom Domain ayudan a establecer cookies de primera parte y prolongar la vida útil de las cookies.

Cómo configurar Custom Loader

1. Inicie sesión en su cuenta de Stape.io.

2. Elija el contenedor. Haga clic en la sección de Power-ups y, junto a Custom Loader, haga clic en el botón Configure.

3. Añada la siguiente configuración para Custom Loader:

Domain - seleccione el dominio necesario de la lista de dominios conectados a su contenedor.

Web GTM ID - añada el ID de Google Tag Manager para la web. Descubra cómo encontrar el ID de GTM web en nuestra guía.

Platform - el código del cargador personalizado varía según la plataforma.

GA4 ad block bypass - permite evitar el impacto de los bloqueadores de anuncios en el código de seguimiento de GA4. Tenga en cuenta que esta configuración afectará a todos los dominios del contenedor. Asegúrese de depurar tanto los contenedores web como los de servidor después de habilitar este interruptor.

3.1 Si selecciona la plataforma “Otra”, se le proporcionará un código JavaScript para usar en su sitio web en lugar del cargador estándar de GTM.

Nota: Si utiliza aplicaciones y complementos desarrollados por Stape, estos tienen campos que permiten configurar el Custom Loader directamente dentro de la aplicación/complemento/extensión.

En Stape, hemos desarrollado aplicaciones, complementos y extensiones para las siguientes plataformas:

• Shopify
• WordPress
• Magento
• BigCommerce
• PrestaShop
• Wix

4. Configuración adicional:

• Data Layer variable name - especifique si utiliza un 'dataLayer' no estándar; si no es así, déjelo vacío.
• Generate with CDN - disponible solo si el dominio seleccionado tiene un CDN de Stape activo. Si está habilitado, el contenedor se cargará desde un servidor más cercano a los visitantes de su sitio web.
• Use the original GTM code - si está habilitado, gtm.js no será reemplazado y su ID de contenedor de GTM no será cifrado. Con esta opción habilitada, la protección contra bloqueadores de anuncios será mucho menor.
• Generate with Cookie Keeper - disponible si tiene activado el power-up Cookie Keeper. Si está habilitado, el código también añadirá la operación de Cookie Keeper y la carga de GTM.
• User identifier type - disponible si la opción “Generar con Cookie Keeper” está activa. El método recomendado de identificación es Cookie. Para más detalles, consulte el artículo sobre cómo elegir un identificador de usuario.

5. Haga clic en Generar. Luego, recibirá instrucciones sobre cómo agregar el Custom Loader a su sitio. Tenga en cuenta que solo generar el código no hace nada; también necesita hacer los cambios necesarios en el sitio web (agregar el código) o en las aplicaciones de Stape si utiliza alguna.

Cuando agregue el Custom Loader al sitio, asegúrese también de eliminar el cargador estándar de GTM si tiene uno.

Pruebe la configuración

Para verificar si todo funciona correctamente, haga clic con el botón derecho en cualquier página del sitio, seleccione Inspeccionar y vaya a la pestaña Red. Luego, ingrese su subdominio personalizado.

Si todo está correcto, debería ver la URL de la solicitud de Google Tag Manager y el código de estado 200 OK, como se muestra en la captura de pantalla a continuación:

Beneficios de Custom Loader

1. Establece cookies de primera parte.
2. Hace GTM y GA4 resistentes a los bloqueadores de anuncios e ITPs.
3. Mantiene intacto el seguimiento de datos.

Casos de uso del power-up

• Avoid Google Tag Manager blocking by Adblockers