Google Tag Manager

¬ŅQu√© es Google Tag Manager?

Google Tag Manager es una herramienta de gestión de etiquetas que te permite actualizar, de forma rápida y sencilla, los fragmentos de código en tu sitio web. Podrás crear y administrar etiquetas de tu sitio web sin tener que instalar un código nuevo cada vez que necesites una nueva etiqueta.

Est√° compuesto por varios elementos:

  • Cuentas, a trav√©s de una cuenta de Google podr√°s acceder la herramienta. Con una √ļnica cuenta de Google puedes tener acceso a diferentes cuentas de Tag Manager, pero recomendamos una cuenta por organizaci√≥n.

  • Contenedores, una cuenta esta compuesta por diferentes contenedores. Es com√ļn que un contenedor sea para un √ļnico sitio web, o una aplicaci√≥n m√≥vil.

  • Etiquetas, son los fragmentos de c√≥digo de la aplicaci√≥n que quieres integrar, y que agregar√°s en Google Tag Manager, como el c√≥digo de seguimiento de Google Analytics. Un contenedor tiene muchas etiquetas.

  • Activadores de Etiquetas, son los eventos que suceden para que la etiqueta se active. Por ejemplo, si una persona visita la p√°gina ¬ęgracias por dejarnos tus datos¬Ľ, se activar√° la etiqueta ¬ęConversi√≥n de Google Ads¬Ľ. Una etiqueta, por √ļltimo, puede tener m√°s de un activador.

¬ŅC√≥mo configuro Google Tag Manager?

1) Ingresa a Google Tag Manager con los datos de tu Cuenta de Google, y haz click en el botón que dice "Crear cuenta".

2) Completa el nombre de tu cuenta y selecciona tu país. Debajo, agrega el nombre del contenedor y elige la plataforma "Sitio Web". Una vez listo, presiona el botón "Crear".

3) Ahora, lee el Acuerdo de Condiciones de Servicio y haz click en el botón que dice "Sí" para aceptarlas.

4) Ver√°s que se abre un recuadro con un peque√Īo fragmento de c√≥digo, este c√≥digo permite a Google Tag Manager activar las etiquetas en tu sitio. Busca tu ID de contenedor, tiene formato "GTM-XXXXXX", debes copiarlo para luego ingresarlo en SitioSimple.

También lo encontrarás en la parte superior derecha de la pantalla.

A√Īadir una etiqueta

Una etiqueta es un fragmento de código JavaScript que envía información de tu sitio a terceros, como Google. Si no utilizas Google Tag Manager, tendrás que agregar estos fragmentos de código JavaScript directamente al código fuente de su sitio. Pero con Google Tag Manager no necesitarás mantener cada uno de estos fragmentos de código, podrás especificar cuando y cuales etiquetas deseas activar o desactivar y el código de tu sitio simple se actualizará automáticamente.

1) En el men√ļ principal de tu cuenta Google Tag Manager haz click "Etiquetas" y luego presiona el bot√≥n que dice "Nueva".

2) Ahora, agrega el nombre de la etiqueta y presiona la opción "Configuración de la etiqueta".

3) Ver√°s que se abren del lado derecho los tipos de etiquetas disponibles, elige la que desees y especifica los activadores con los que se activar√° la etiqueta. En nuestro ejemplo, Google Analytics: Universal Analytics.

4) Ahora, haz click en el apartado "Activación" y selecciona los activadores que desees. Luego guarda los cambios.

En Google Tag Manager, las etiquetas se activan en función de eventos, por ejemplo, cuando un usuario envía un formulario o ve un vídeo. Los activadores se utilizan para procesar eventos y controlan cuándo se activa o se bloquea una etiqueta.

5) Verás el listado de las etiquetas de tu cuenta, presiona el botón "Enviar", que está arriba a la derecha.

En esta sección también verás el botón "Vista Previa", que te ofrece la oportunidad de realizar un control de calidad (QA) en su sitio web para asegurarte que todo esté funcionando como esperabas. Además, puedes utilizar la opción depuración para ver qué etiquetas se activan al navegar e interactuar con tu SitioSimple.

6) En la nueva pantalla, completa el nombre y la descripción de la versión para que puedas identificar el contenedor. Luego, haz click en "Publicar".

7) ¬°Listo! Has a√Īadido la etiqueta, ver√°s en pantalla el resumen de la versi√≥n.

¬ŅD√≥nde debo ingresar ID de Google Tag Manager?

1) Ingresa al creador de SitioSimple, en el men√ļ principal haz click en la pesta√Īa "Sitio" y luego en "Configuraci√≥n".

2) En la nueva pantalla, haz click en el apartado "Integraciones y apps". Busca la opción "Google Tag Manager" y presiona el botón "Editar", que está a la derecha.

3) Ver√°s que se abre un recuadro donde debes pegar el ID de Google Tag Manager, una vez listo guarda los cambios.

4) ¬°Listo! Ahora a√Īadir, actualizar y publicar etiquetas.