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
2. Selecciona tu contenedor sGTM en el panel de control.
3. Haz clic en "Power-ups" y, a continuación, en el botón "Configure" situado junto al panel "Custom Loader".
4. Activa el interruptor "Custom Loader".
5. Configura el cargador personalizado con los siguientes ajustes:
- Domain - elige uno de los dominios vinculados a tu contenedor.
- Web GTM ID - pega tu ID de Google Tag Manager web.
- Enhanced ad blocker protection - cuando esta opción está habilitada, todas tus solicitudes al servidor sGTM se cifrarán para que los bloqueadores de anuncios no puedan bloquearlas basándose en patrones de solicitud
- Same Origin Path - si tienes configurado el mismo origen, especifica la ruta utilizada, y tanto GTM como GTAG JS se cargarán a través del mismo origen. Obtén más información sobre el enfoque de mismo origen para el servidor GTM aquí.
- Platform - el código GTM web varía según la plataforma de comercio electrónico. Si utiliza aplicaciones de Stape para CMS, seleccione la plataforma de la lista. De lo contrario, seleccione la opción «Otro» para generar un fragmento de código JS. Puede obtener más información sobre las aplicaciones de seguimiento de conversiones de Stape para CMS en nuestra página.
Si utilizas las plataformas Shopify, WordPress, Magento, BigCommerce, Wix o PrestaShop, necesitarás la aplicación, el complemento o la extensión correspondiente desarrollada por Stape para configurar Custom Loader.
1. Descarga y configura la aplicación para tu plataforma:
- Shopify: enlace de descarga, guía de configuración.
- WordPress: enlace de descarga, guía de configuración.
- Magento: enlace de descarga, guía de configuración.
- BigCommerce: enlace de descarga, guía de configuración.
- Wix: enlace de descarga, guía de configuración.
- PrestaShop: enlace de descarga, guía de configuración.
2. Vuelve a la página de configuración de Custom Loader. Una vez que hayas introducido toda la información de código y configuración, haz clic en el botón "Generate".
3. Sigue las instrucciones del panel de configuración para configurar Custom Loader en tu aplicación.
Si seleccionas la opción «Otra plataforma», se te proporcionará un código JS para utilizar en tu sitio web en lugar del cargador estándar de GTM. Para configurar el código, introduce la siguiente información adicional:
- User identifier type - disponible si la opción «Generar con Cookie Keeper» está activada (véase más abajo). El método de identificación recomendado es una cookie. Para obtener más información, consulta cómo elegir un identificador de usuario.
- Cookie name - define el nombre de la cookie de origen que se utilizará como identificador de usuario.
Puedes hacer clic en «Configuración avanzada» para introducir información adicional:
- Data Layer variable name - especifica si utilizas un «dataLayer» no estándar; de lo contrario, déjalo en blanco.
- Generate with Cookie Keeper - disponible si tienes activada la extensión de Cookie Keeper. Si está habilitada, el código también añadirá la operación de Cookie Keeper junto con la carga de GTM.
- Set _xsd localStorage only after consent - cuando está habilitado, Stape almacena el estado del bloqueador de anuncios en _xsd localStorage solo después de que se haya otorgado el consentimiento para analytics_storage en el Modo de consentimiento de Google. Sin consentimiento, la detección sigue ejecutándose, pero el resultado no se guarda entre visitas a la página. Si está deshabilitado, el almacenamiento en localStorage se producirá independientemente del estado del consentimiento..
6. Haz clic en "Generate". A continuación, recibirás instrucciones sobre cómo añadir un cargador personalizado a tu sitio web (o un código JS si has seleccionado la plataforma "Otra").
Realiza los cambios necesarios en tu sitio web (añade el código) o en las aplicaciones de Stape que utilices.
Al añadir el Custom Loader al sitio, asegúrate de eliminar también el cargador estándar de GTM, si lo tienes.
Comprueba la configuración del cargador personalizado
Para comprobar si todo funciona correctamente, haz clic con el botón derecho del ratón en cualquier página del sitio web → haz clic en Inspeccionar → abre la pestaña Red. A continuación, introduce tu subdominio personalizado o la misma ruta de origen si la utilizas.
Si todo es correcto, deberías ver la URL de solicitud de Google Tag Manager y el código de estado «200 OK».
A continuación se muestra un ejemplo de cómo cifrar la solicitud de GA4 con el cargador personalizado activo y la opción de protección mejorada contra bloqueadores de anuncios activada:
Y así es como se ve sin el cargador personalizado y sin la protección mejorada del bloqueador de anuncios configurada:
Beneficios de Custom Loader
- Establece cookies de primera parte.
- Hace GTM y GA4 resistentes a los bloqueadores de anuncios e ITPs.
- Mantiene intacto el seguimiento de datos.
Casos de uso del power-up
Entradas de blog relevantes
Ventajas del alojamiento de Stape para el servidor de Google Tag Manager
Alojar su servidor Google Tag Manager en Stape es la mejor manera de configurar el etiquetado del lado del servidor.
¿Qué es el seguimiento del lado del servidor?
¿Se pregunta qué es el etiquetado del lado del servidor y cómo funciona? Esta entrada del blog explorará todo eso y más.