Guía para principiantes para Google Tag Manager

Todos sabemos que para comprender por qué un sitio funciona de cierta manera, debemos tener una perspectiva sobre la actividad de sus usuarios. Para hacer esto, la mayoría de las personas usan Google Analytics, pero lo que la mayoría puede no saber es que hay otra herramienta que, cuando se usa en combinación con Google Analytics, toma el proceso de obtener la actividad de los usuarios en el nivel siguiente. Esta herramienta es Google Tag Manager, que, además de Google Analytics, puede usarse con otras etiquetas de Google o tercera parte e incluso con etiquetas personalizadas.
Agregar etiquetas a menudo puede ser un proceso complicado, que requiere la codificación de conocimiento y no funciona fácilmente debido a un error humano. Google Tag Manager a través de su interfaz de uso fácil y la facilidad de uso simplifica el proceso no solo para agregar, sino también para solucionar problemas y administrar las etiquetas en su sitio web (o diferentes tipos de aplicaciones como iOS, Android, AMP), haciendo prácticamente una práctica un proceso sin código. que puede hacer por su cuenta, sin la necesidad de un desarrollador web. Si aprende cómo comenzar a usar Google Label Manager es algo que le interesa, continúe leyendo, en este artículo, proporcionaremos una guía de principiantes para hacerlo exactamente.
Creación de una cuenta como con la mayoría de las herramientas en línea, el primer paso que tendrá que hacer es crear una cuenta. Crear una cuenta de Google Tag Manager es un proceso bastante simple. Primero debe ingresar un nombre para su cuenta, este suele ser el nombre de su empresa y luego un nombre para el contenedor en sí. Como puede ver en la imagen a continuación, el administrador de etiquetas de Google sugiere que coloque su dominio como contenedor, pero solo puede poner el nombre de su sitio. También deberá elegir un chico para su contenedor, que puede ser un sitio web o tipo de aplicación (iOS, Android, AMP). Después de hacer clic, cree y acepte los términos y condiciones y debe recibir un correo electrónico de confirmación para crear lo primero que lo presentará a Google Tag Manager es el código JavaScript para el contenedor. La función de este código es cargar el contenedor del administrador de etiquetas en cada página de su sitio.

Este código se puede ingresar en el Sitio de algunas maneras, insertarlo directamente en el código fuente, es decir, si tiene permisos de acceso, a través de un complemento que inyectará el código automático o dando a uno de sus desarrolladores que tienen permiso. Para acceder al código fuente. Si su sitio es un sitio de WordPress, hay muchos complementos disponibles, que solo puede encontrar buscando “Google Tag Manager” en la sección de complementos. La mayoría de estos complementos solo le pedirán que les proporcione la ID de Google Tag Manager, que es este texto.

Si lo necesita nuevamente en el futuro, su ID de Google Tag Manager siempre se puede encontrar allí mismo en la barra de navegación.

Después de que se haya instalado Google Tag Manager en su sitio, podemos pasar a la exploración del instrumento. El instrumento consta de tres secciones principales. Espacio de trabajo: la sección está en la que agregará etiquetas, desencadenantes, variables y creará carpetas. Vecciones: la sección que muestra todas las versiones publicadas de su contenedor.

Administrador: la sección en la que irá a cambiar la configuración de su cuenta, agregar usuarios, crear nuevos entornos y realizar una serie de otras acciones que puede ver en la imagen a continuación.

La sección del espacio de trabajo La sección del espacio de trabajo en sí se divide en varias secciones. Etiquetas: la etiqueta del nombre puede ser un poco engañosa, porque las personas familiarizadas con el desarrollo web podrían confundirlos con etiquetas HTML clásicas. Pero no, estas no son etiquetas HTML clásicas, estas son piezas de código que obtiene de servicios como Facebook Pixel y Google Analytics o código personalizado que ha escrito, encapsulado en un HTML Tag . Google Tag Manager es lo que se utiliza para implementar estas etiquetas en su sitio web y, con esto, elimina la necesidad de agregar manualmente fragmentos de código a su sitio. La configuración de la etiqueta es bastante fácil y se realiza solo proporcionando a la etiqueta la ID de un servicio en particular, la ID de seguimiento de Google Analytics, por ejemplo, y definiendo un disparador de etiqueta, ambas cosas que trataremos más adelante en el artículo.

Triginadores: los desencadenantes son los que activan una etiqueta cuando se cumplen ciertas condiciones, como hacer clic en un botón en particular, enviar un formulario, etc. Un desencadenante puede funcionar en uno, más o en todas las páginas de su sitio cuando se trata de desencadenantes, tiene muchos desencadenantes incrustados para elegir de cada uso para un tipo diferente de evento. Cada activador tiene propiedades y condiciones diferentes que puede establecer. , porque, como dije, cada disparador es un tipo diferente de evento.

En las imágenes a continuación, puede ver la diferencia entre configurar un disparador utilizado para videos de YouTube y un desencadenante utilizado para enviar formularios.
Los desencadenantes se pueden establecer tanto a nivel de contenedor como en el nivel de la etiqueta. Variables: las variables se utilizan para configurar etiquetas y desencadenantes. Los desencadenantes los usan para evaluar si es hora de tirar. Las etiquetas los usan para activar los desencadenantes y recopilar la información que se transmite a la capa de datos. En Google Tag Manager, las variables se dividen en variables y variables construidas definidas por el usuario.

Por defecto, usará cinco variables construidas, pero presionar el botón “Configuración” le permitirá encontrar más para usar. La selección variará según si el contenedor de Google Manager es para un sitio web o una aplicación iOS, Android o AMP.
Las variables de usuario personalizadas o definidas se crean haciendo clic en la opción “Nueva” en la sección Etiqueta o durante el proceso de configuración, que analizaremos un poco más tarde. Al crear una variable, tiene muchos tipos para elegir, cada variable con su propio conjunto de propiedades que puede definir. Los varianos también pueden mantener valores constantes, que son valores que usa una y otra vez, cómo sería Google Analytics ID , por ejemplo. También puede usar una variable para múltiples etiquetas. Carpetas: las carpetas no necesitan muchas explicaciones; Son solo una forma de organizar mejor sus etiquetas, desencadenantes y variables. Sección de administración Esta sección le permite agregar y administrar a los usuarios tanto a nivel de cuenta como a nivel de contenedor. Cuando le da acceso a alguien a una cuenta, también tiene acceso a todos los contenedores disponibles. Por otro lado, si alguien tiene acceso a un contenedor, entonces solo tiene acceso a ese contenedor específico.


Para fines demostrativos, aquí hay un ejemplo de agregar un usuario al nivel del contenedor. Primero, haga clic en la opción “Gestión de usuarios”.

* Una palabra de precaución * Google Label Manager parece tener un error que aparece cuando intenta agregar un usuario tanto al nivel de cuenta como al nivel del contenedor. Después de hacer clic en la opción “Gestión de usuarios”, las personas reciben la siguiente notificación.

No está claro qué parece ser la causa de este problema, y ​​el equipo de asistencia de Google dice que funciona para resolverlo. Mientras tanto, dicen que para remediar temporalmente el problema, debe hacer lo siguiente: “Actualice cualquier enlace o marca para no incluir el parámetro Authuser. Ejemplo: https://tagmanager.google.com/?authuser=2#/home => https://tagmanager.google.com/#/home “Lo probé, y el consejo realmente funciona. La opción de administración del usuario lo llevará a la pantalla presentada en la imagen a continuación, donde puede ver los usuarios existentes y un botón para agregar un nuevo usuario. Después de hacer clic en el botón “+”, se les presentará nuevos usuarios y nuevos grupos de usuarios .

Se agrega un nuevo usuario enviándole una invitación por correo electrónico y otorgando sus permisos apropiados. El más alto nivel de acceso se otorga a los usuarios con permiso de “publicación” y el nivel de acceso más bajo para los usuarios con permiso de “lectura”.
Configuración de las etiquetas en esta sección del artículo, superaremos el proceso de configuración de una etiqueta, la etiqueta de Google Analytics, para que sea más preciso. Vale la pena mencionar que para hacer esto, necesitará tener una cuenta de Google Analytics. En primer lugar, comenzará creando una nueva etiqueta a través de la sección Etiquetas de la pestaña del espacio de trabajo.

Después de eso, el proceso consistirá en otros dos pasos, configurando la etiqueta y configurando sus desencadenantes.

Al hacer clic en la opción “Configuración de etiqueta”, se le presentará una lista de etiquetas que puede agregar. Por supuesto, elegiremos la etiqueta de Google Analytics, especialmente la Universal Analytics, que es la última versión de la etiqueta. Ahora, debe establecer la propiedad de Google Analytics a la que se enviarán los datos. Esto se puede hacer de dos formas. La primera manera, verificar el cuadro de selección “Habilite la configuración de anulación en esta etiqueta”, ingresando la ID de seguimiento y eligiendo un tipo de seguimiento. La ID de seguimiento se encuentra en la sección de administración de su cuenta de Google Analytics, y la propiedad “Tipo de seguimiento” es, en principio, elegir lo que desea seguir Google Analytics, por ejemplo, vistas de página, transacciones, eventos, etc.

La segunda forma, al elegir un tipo de seguimiento y luego crear una nueva variable cuyo valor debe establecerse en la ID de seguimiento de Google Analytics. El campo “Dominio de cookies” que ves en la segunda imagen a continuación puede permanecer automáticamente.

Ahora es el momento de configurar un disparador de etiqueta. Por defecto, habrá un desencadenante llamado “Todas las páginas”. Debido a que queremos que la etiqueta de Google Analytics siga la pantalla de la página en todas las páginas, este desencadenante predeterminado funcionará para nosotros.

Después de hacer clic en Guardar, su etiqueta se ha implementado oficialmente. La etiqueta de implementación no significa que ahora aparezca en su sitio; La etiqueta aún no se ha publicado. Antes de ejecutar para publicar su etiqueta, es mejor obtener una vista previa de la etiqueta. Publicar una etiqueta esencialmente está presionando más código en su sitio, por lo que debe asegurarse de que el código de una etiqueta en particular no conduzca a romper su sitio. Esto se puede hacer en modo de vista previa, que es prácticamente Google Tag Manager, lo que hace que el Administrador de etiquetas La etiqueta aparece como si estuviera en vivo, pero solo para que ingrese al modo de vista previa, debe hacer clic en el botón Vista previa ubicada en la barra de navegación. Las etiquetas recargarán y mostrarán un mensaje que le informará que ahora está en modo de vista previa.

Después de iniciar el modo de vista previa, vaya a su sitio (si ya está abierto, actualice), y en la parte inferior del sitio debe aparecer una nueva ventana para Google Tag Manager. La sección de resumen de esta ventana debe mostrar la etiqueta de Google Analytics que ha creado y cualquier otra etiqueta que esté configurada para activar (o no activarse) en esa página.

Al hacer clic en la etiqueta en la sección Resumen, puede ver sus propiedades y verificar si todo está en orden, como Google Analytics UA, el tipo de etiqueta y una serie de otras propiedades.

Si todo está realmente en orden, puede volver a Google Tag Manager, puede tener un modo de vista previa y puede publicar la etiqueta presionando el botón de envío.



Después de hacer esto, se le mostrará una ventana que le pedirá que nombre la versión del contenedor y también lo describirá brevemente. Una vez que confirme el envío (publicando la etiqueta), recibirá un resumen de la versión que ha publicado -a .


Para verificar si una etiqueta está realmente en vivo en su sitio, puede usar Google Tag Assistant, una extensión de navegador gratuita que le mostrará todas las etiquetas en su sitio web de Google Tag Assistant no solo se puede usar en su propio sitio, sino también en los sitios de sus competidores para ver qué etiquetas tienen en vivo. Organizar las etiquetas de las carpetas El uso de archivos en su cuenta de Google Tag Manager es una muy buena práctica, especialmente si tiene una gran cantidad de etiquetas. Más comúnmente, creará carpetas separadas para los usuarios que trabajan con ciertos tipos de etiquetas, por ejemplo, una carpeta para etiquetas de marketing y otra para etiquetas de análisis. También puede crear carpetas separadas para diferentes tipos de artículos, por ejemplo, una carpeta solo para etiquetas, solo para desencadenantes, solo para variables, etc. Realmente puede implementar cualquier método de agrupación que desee. En la imagen a continuación, puede ver que hemos creado una carpeta de Google Analytics y ahora moveremos todos los elementos asociados. Esto se hace seleccionando los elementos y luego haciendo clic en el botón “Mover”, que mostrará un menú de caída con todas las carpetas en las que se pueden mover los artículos.

Gestión de espacios de trabajo Un contenedor de Google Tag Manager puede tener más espacios de trabajo, diferentes para las personas que trabajan en diferentes áreas. Los cambios que las personas realizan en un espacio de trabajo separado serán independientes de los cambios realizados en otro, más tarde los espacios de trabajo separados y los cambios realizados en ellos se pueden combinar en un espacio de trabajo unificado. Creando un nuevo espacio de trabajo para crear un nuevo espacio de trabajo, debe hacer clic en la sección “Espacio de trabajo predeterminado”. Una vez que pueda, vea que tiene hasta 3 espacios de trabajo, el valor predeterminado ya ocupa un lugar.

Por ejemplo, crearemos un nuevo espacio de trabajo para las personas que trabajan en el marketing de Instagram.

Cualquier etiqueta, variables o desencadenantes creadas en este espacio de trabajo no estará disponible en otros espacios de trabajo hasta que se combinen, porque, como se mencionó, los espacios de trabajo son independientes. Uniéndose espacios de trabajo Cuando se ha publicado un espacio de trabajo, los otros espacios de trabajo recibirán la siguiente notificación.

La fusión de los espacios de trabajo separados se realiza haciendo clic en la opción “Actualizar el espacio de trabajo” que se muestra en la imagen de arriba. Después de hacer clic en esa opción, se mostrará todos los espacios de trabajo/versiones que aún no se han combinado con las de usted. En nuestro caso, este es el espacio de trabajo de marketing de Instagram recientemente publicado.

Una vez que los espacios de trabajo se hayan combinado, todos los espacios de trabajo, excepto el valor predeterminado, desaparecerán, por lo que si el equipo de marketing de Instagram quiere agregar nuevas etiquetas, variables o desencadenantes, tendrá que crear un nuevo espacio de trabajo. La gestión media promediada es otra cosa que puede tener. Los entornos son muy útiles cuando, por ejemplo, desea poner etiquetas en las funciones que aún no están disponibles en el sitio en vivo, pero solo en el sitio del escenario. En esta situación, ha creado un llamado entorno de desarrollo. Para ver la lista de entornos existentes, debe ingresar la sección de administración y luego a la información del contenedor. Se crea un nuevo entorno haciendo clic en el botón “Nuevo” en la sección promedio. Entonces, lo que debe hacer es llamar al entorno, darle una descripción y dar la URL correcta. Cuando se trata de un entorno de desarrollo, la URL debe ser para el sitio de logros y no para el sitio en vivo, así que recuerde eso. También es inteligente activar la solución de problemas al crear un entorno nuevo, porque, por supuesto, en algún momento en el futuro, tendrá que solucionar problemas en una de sus etiquetas o en algo más en ese entorno.


Después de crear un entorno, se le preguntará si desea publicar los cambios desde el entorno Live hasta el entorno recién creado. Si desea que sus entornos nuevos y de vida sean idénticos, entonces la respuesta es sí.

En nuestro caso, la última versión de nuestro entorno en vivo es la versión 3, por lo que esta es la versión que queremos publicar en el entorno de desarrollo. Ahora verá que, además de la sección ambiental predeterminada, habrá una sección para entornos personalizados.

El cambio entre los entornos se puede hacer de dos maneras, utilizando un enlace de vista previa compartida o agregando un fragmento del entorno a un sitio/página. El enlace de vista previa compartida se puede encontrar en la ventana emergente que aparece al hacer clic en un entorno en particular.

Al usar el método de enlace compartido, la devolución al entorno en vivo se realiza regresando a la lista de entornos y ahora siguiendo el enlace para el Live. El fragmento de código para un entorno también se puede encontrar en la lista de medios en el menú desplegable en la opción “Acciones”.

Para instalar el fragmento, todo lo que tiene que hacer es eliminar el código actual para el contenedor en su sitio e ingresarlo.

Publicar un entorno como en el caso de los espacios de trabajo, cualquier cosa creada en un entorno separado no aparecerá en la vida hasta que se publique el entorno. Publicar un entorno es prácticamente el mismo proceso que publicar un contenedor o espacio de trabajo y es simplemente haciendo clic en el botón de envío.