Tener datos confiables en el servidor de Google Tag Manager es clave para un etiquetado certero en el lado del servidor. Una de las formas más populares de enviar datos de la web al servidor de GTM es Google Analytics 4. GA4 tiene sus limitaciones. Por ello hemos creado Data Tag y Data Client que deberían trabajar juntos para entregar datos de eventos y usuarios desde la web al servidor de GTM.
En este artículo, quiero mostrarle cómo utilizar Data Tag. Estas etiquetas personalizadas envían parámetros desde el contenedor web de Google Tag Manager al contenedor del servidor.Cuando se utilizan juntas con Data Client para el contenedor de servidor de Google Tag Manager, permite enviar capas variables de datos, parámetros personalizados y otra información desde la web al contenedor del servidor. Como resultado, Data Client obtiene datos desde Data Tag al servidor de eventos de Google Tag Manager.
1. Abra su contenedor web de Google Tag Manager, sección Plantillas y añada Data Tag desde la galería de plantillas.
2. Abra la sección Etiquetas, haga clic en Nueva y configure Data Tag.
3. Configure Data Tag desde la página de eventos:
a. Seleccione el nombre del evento. Puede seleccionar un nombre de evento estándar, añadir un nombre de evento personalizado o añadir un nombre de evento dinámico utilizando la variable {{Event}}.
b. Añada la URL del lado del servidor GTM y haga clic en Guardar. Puede encontrar su URL del lado del servidor GTM dentro de la cuenta stape.io abriendo el contenedor sGTM y marcando la sección Dominio.
c. Send all from DataLayer enviará todos los datos que tienes en la capa de datos web de GTM al servidor de datos de eventos de GTM.
d. Send common data. Añade a la petición page_location, page_path, page_hostname, page_referrer, page_title, page_encoding, screen_resolution, viewport_size
e. Add consent state. Añade el objeto consent_state a la petición, incluyendo las siguientes propiedades: ad_storage, analytics_storage, functionality_storage, personalization_storage, security_storage.
f. Event Data. Permite añadir cualquier dato manual a la petición. También puede aplicar transformaciones (como hashing, trimming, etc) o almacenar datos.
g. User data. Permite enviar parámetros de usuario y aplicar transformaciones o almacenar datos.
4. Configure Data Tag para otros eventos. El ejemplo a continuación muestra cómo configurar eventos e-commerce cuando Data Layer está disponible.
Esta etiqueta activa cada evento de e-commerce en Data Layer. Dado que todos mis eventos e-commerce terminan con _stape, estoy utilizando una expresión regular (regex) que incluye todos los eventos que contienen _stape.
Ejemplo de la variable que extrae los datos del usuario de Data Layer.
6. Abra su contenedor de servidor Google Tag Manager.
Vaya a la pestaña Plantillas → Clic en Nueva bajo la sección Clientes.
7. Pulse en los tres puntos en la esquina superior derecha → Importa Data Client (descargada desde GitHub) → Clicar en Guardar.
8. Vaya a la pestaña Clientes y haz clic en Nuevo. Seleccione Data Client. Haga clic en Guardar.
9. Abra los depuradores web y servidor de GTM y prueba la configuración. Debería ver la Data Tag activarse en el contenedor web GTM y Data Client analizando las peticiones Data Tag en el sGTM.
El primer caso de uso que me viene a la mente es enviar una capa de datos desde el contenedor web al servidor. Con la ayuda de estos datos, puede nutrir parámetros adicionales a sus etiquetas del lado del servidor.
En la captura de pantalla a continuación, he utilizado estos ajustes para enviar la capa de datos al contenedor del servidor:
Esta etiqueta de datos se activa en todos los eventos de e-commerce mejorados.
En el modo de vista previa del contenedor del servidor verá que Data Tag envía peticiones en todos los eventos de e-commerce, y Data Client recibió y procesó esas peticiones dentro del contenedor del servidor. Si hago clic en el nombre del evento y compruebo event_data, debería ver todos los parámetros desde la capa de datos web.
Digamos que quiere enviar datos del usuario como su nombre, apellido o correo electrónico a la API de conversión de Facebook para incrementar la calidad de su coincidencia de eventos. Puede utilizar Data Tag para ello. Y si estás utilizando nuestra etiqueta para configurar una etiqueta de la API de conversión de Facebook, la etiqueta FB automáticamente capturará los datos del usuario desde Data Tag.
Quería enviar el correo electrónico, nombre y apellido del usuario todo junto con los eventos de pago en los ejemplos a continuación. He añadido los datos del usuario a la Data Tag en el contenedor web de Google Tag Manager. Estoy utilizando parámetros estáticos para la prueba, pero tú puede pasar estos parámetros dinámicamente utilizando variables. Nuestra etiqueta Facebook captura automáticamente los parámetros de usuario desde el Data Client y envía datos en hash a Facebook.
Para confirmar si Facebook ha recibido estos parámetros, puede añadir la prueba de ID de Facebook a la etiqueta de servidor Facebook y comprobar qué parámetros ve Facebook en la herramienta de prueba de administrador de eventos.
Puede enviar datos desde el contenedor web de Google Tag Manager a su CRM, Slack, webhooks, etc. Este ejemplo muestra cómo puede enviar datos sobre una nueva compra en su sitio al canal de Slack.
1. Asegúrese que envía los datos correcta desde el contenedor web de Google Tag Manager utilizando Data Tag.
3. Dentro del contenedor del servidor, cree una nueva etiqueta y escoja un tipo de etiqueta HTTP Request.
4. En la URL de destino, añada la URL que has generado en Slack.
5. HTTP método POST.
6. En el cuerpo Request, añada el texto y parámetros que quieres enviar a Slack.
{“text”: “Nueva Compra \n email: {{email}} \n transation_id: {{transaction ID}} \n purchase_value: {{transaction ID}}”}
Si trabaja con Google Tag Manager continuamente, entonces ha habido algún momento en el que la capa de datos (o cualquier otra variable) ha tenido que pasar de una página de su sitio a otra.
Desafortunadamente, Google Tag Manager no tiene una opción para almacenar datos y pasarlos entre páginas. Por ejemplo, es posible enviar el email de un usuario sólo cuando existe en la página. ¿Pero qué sucede si los datos del usuario no están disponibles en la página de agradecimiento, y sólo pueden ser obtenidos antes de la página de agradecimiento?
Utilizando una etiqueta de datos, puede almacenar cualquier variable que quiera para pasarla a otras páginas.
Como ejemplo, voy a utilizar una evaluación construida con Instapage. Necesitábamos configurar un evento principal para la API de conversión de Facebook. Al enviar la evaluación, el usuario tenía que introducir detalles como correo electrónico, número de teléfono, nombre, etc. Estos datos de usuario estaban disponibles en las páginas de evaluación, pero no en la página de agradecimiento.
Para obtener una alta puntuación de calidad de coincidencia en eventos de Facebook, debería enviar parámetros de usuario junto con el evento CAPI. Por eso utilicé Data Tag para almacenar los datos del usuario en el almacenamiento local. He creado una etiqueta de datos para enviar la aplicación que toma los parámetros de usuario de la capa de datos y los guarda en el almacenamiento local. Esta etiqueta se activa cuando un usuario hace clic en el botón de enviar evaluación.
Para activar el almacenamiento de datos en Data Tag, seleccione la opción de almacenamiento junto a los datos que quieres almacenar.
Entonces, he añadido un nuevo tipo de variable en el contenedor web (puede descargarla utilizando este enlace). Cree nuevas variables para todos los datos que he almacenado.
Finalmente, he creado una Lead Data Tag que envía los datos almacenados al contenedor del servidor.
Puede utilizar Data Client para recuperar cualquier solicitud entrante. Para hacerlo, necesita modificar los Path Settings. Puede ser utilizado, por ejemplo, para recuperar datos desde webhooks. Tenemos este artículo que describe cómo utilizar webhooks entrantes.
Si no puede ver las peticiones Data Tag dentro del contendor del servidor, puede que sea por la siguiente razón: Data Client no está publicado. Abra el contenedor Servidor y publica Data Client.
Data Tag y Data Client le darán una fuente de datos sólida para introducir en las etiquetas que utilices dentro del contenedor del servidor. Con la ayuda de esta etiqueta, puede moverse más rápido en el despliegue de nuevos rastreos y tecnologías del lado del servidor. Esta etiqueta le ahorrará tiempo y dinero tanto en IT como marketing – ¡un claro win-win!
Podemos ayudarle! Haga clic en Obtener ayuda, rellene el formulario y le enviaremos un presupuesto.
