¡El Cyber Monday ya está aquí! ¡Crea una aplicación y disfruta de un 50% de descuento ahora!
Atrás

Administra fácilmente tus etiquetas PWA con Google Tag Manager

el 

"¡Si no puedes medirlo, no puedes mejorarlo!.
Esta famosa cita a menudo se atribuye a Peter Drucker, considerado como el fundador de la gestión empresarial moderna. Si te interesa la recopilación y el análisis de datos, nuestra integración de Google Tag Manager en tu aplicación web progresiva abrirá infinitas posibilidades. A través de GTM, ahora puedes usar cualquier servicio web para medir lo que está sucediendo en tu PWA y, por lo tanto, tomar las decisiones correctas para mejorarlo.

¿Qué es el Google Tag Manager?

Google Tag Manager es un "Sistema de gestión de etiquetas". Es un servicio que te permite usar una pequeña porción de código javascript en una página web para llamar a otras piezas de códigos javascript. Para simplificar, es un cuadro vacío (llamado contenedor) en el que puedes mostrar lo que desees (una etiqueta) cuando lo desees.

El principal interés de TMS es que realice una intervención técnica en tu sitio solo una vez. Una vez que se agrega el JavaScript TMS, no hay necesidad de preocuparse por ello. El resto de la configuración se realiza en la interfaz de administración de TMS.

Google Tag Manager es un servicio ofrecido por Google. Desde la interfaz de administración de GTM, agrega etiquetas y define disparadores.
Las etiquetas son los diferentes códigos de JavaScript que deseas ejecutar en el contenedor de tu sitio.
Los disparadores son reglas que tu defines para activar la visualización de etiquetas.

GTM ofrece una gran cantidad de etiquetas y disparadores por defecto, lo que hace que su configuración sea bastante simple, a pesar de una interfaz que puede parecer compleja al principio.

Por ejemplo, si usas AdRoll para llevar a cabo campañas de reorientación, simplemente agrega la etiqueta AdRoll en GTM y asocia el activador que activa una visualización en todas las páginas de tu PWA, ¡y listo!

¿Cómo utilizar Google Tag Manager con mi GoodBarber PWA?

Primero, debes ir a la interfaz de Google Tag Manager. Si aún no lo has hecho, primero debes crear un contenedor. Es posible crear varios contenedores en GTM, pero en la práctica, uno es suficiente.
Una vez que se crea el contenedor, recupera tu ID. Es de la forma de GTM-XXXXXXX.

Luego ve al Backoffice de tu PWA. Abre el menú Estadísticas>Herramientas externas> PWA Tab
En el bloque Google Tag Manager, haz clic en ON, ingresa la ID de tu contenedor y haz clic en Guardar.
Luego ve a Publicar>PWA>Actualizar y actualiza tu aplicación.

Nota: Recuerda, con respecto a la actualización de la aplicación, verifica primero si la última versión que has compilado es compatible con la función Google Tag Manager. Si no, vuelve a compilar tu PWA.
Si este es el caso, una simple actualización de la configuración de PWA es suficiente para aplicar la configuración de Google Tag Manager.

Una vez que hayas ingresado la ID de tu contenedor GTM en tu PWA (y lo hayas actualizado), todo lo que tienes que hacer es ir a la interfaz de administración de GTM para configurar tus etiquetas y disparadores en tu contenedor.
La ayuda en línea de Google es muy detallada y explica paso a paso cómo hacerlo.

Aplicación de compras, opción especial AMP / GTM

Desde finales de diciembre de 2019, es posible activar AMP (Accelerated Mobile Pages) para la página del producto GoodBarber Shopping Apps. Si has activado AMP en tu aplicación de Compras y deseas agregar un contenedor GTM a la versión AMP de la página de tu producto, ¡puede hacerlo!

Para hacer esto, simplemente crea un contenedor reservado para AMP en tu cuenta de Google Tag Manager. Obten la identificación de este contenedor e ingrésalo en el backoffice de tu aplicación de compras.
Para hacer esto, ve al menú Estadísticas> Herramientas externas> PWA Tab. Se proporciona un campo de entrada GTM dedicado a AMP.
Existe una multitud de usos posibles para Google Tag Manager, que puede ir mucho más allá de la recopilación de estadísticas. Si deseas profundizar tu conocimiento sobre el tema, le aconsejo que leas el blog de Simo Ahava . Existen muchos casos de uso interesantes para Google Tag Manager.