No importa qué tipo de sitio web tenga, saber cómo interactúan sus visitantes con su sitio es esencial. Google Analytics (GA) ha sido tradicionalmente la herramienta utilizada por los webmasters para obtener información sobre el tráfico del sitio web. GA brinda a los usuarios estadísticas e informes sobre:

El número de visitantes a su sitio
de que pais son
Cuántas páginas visitaron por sesión
Las páginas más populares de su sitio
Cuántos visitantes del sitio rebotaron (se fueron sin realizar ninguna acción)

El seguimiento de las métricas esenciales, como las visitas a la página, la duración de las sesiones y la tasa de rebote con GA, requiere la colocación de un código de seguimiento de GA^{(GA Tracking Code)} o un fragmento de código JavaScript de GA en cada página web. ^{(GA JavaScript)}Esto es ideal para realizar un seguimiento de la información general.

Sin embargo, para métricas más específicas o interacciones múltiples, se vuelve más difícil hacer un seguimiento de cada acción. Por ejemplo, le tomaría mucho tiempo al propietario de un sitio web que desea realizar un seguimiento de varios formularios diferentes y varias funciones para configurar y ejecutar todas las etiquetas necesarias.

Google Tag Manager ( GTM ) es una herramienta de administración de etiquetas gratuita que facilita el seguimiento de todas sus etiquetas.

¿Qué es el Administrador de etiquetas de Google?^{(What Is Google Tag Manager?)}

En lugar de reemplazar GA, GTM funciona con GA (que es una etiqueta en sí misma) para ayudar a los usuarios a agregar código de seguimiento (etiquetas), definir reglas e implementar fragmentos de código.

Los datos recopilados por GTM se envían y almacenan en GA y otras herramientas como Google Ads , PayPal y Facebook .

Ejemplos de etiquetas que los propietarios de sitios web podrían querer rastrear son:

Anuncios de Google
Eventos
código de píxel de facebook
Remarketing
Código HTML/JavaScript personalizado

Los propietarios de sitios web deben decidir qué comportamientos proporcionarán los conocimientos que necesitan para tomar mejores decisiones estratégicas de marketing. Luego use Google Tag Manager para recopilar datos y analizar los resultados.

En este artículo, describiremos cómo comenzar a usar GTM para su sitio web.

Configure su sitio web^{(Set Up Your Website)}

Si aún no tiene una cuenta de Google Tag Manager , configure una^{(set one up)} .

Agregue el nombre de su cuenta, el país, la configuración del contenedor (su dominio) y su plataforma de destino (elija web). Luego haga clic en Crear^(Create) .
Una vez que acepte los términos de servicio de Google, verá su ID de contenedor con dos fragmentos de código.

Debe agregar ambos fragmentos a cada página de su sitio para completar el proceso de configuración. Asegúrate de agregarlos en el lugar correcto. Uno pertenece al <head> de tu página. El otro va después de la etiqueta de apertura <body>
Si necesita ayuda adicional para instalar los fragmentos, lea la Guía de inicio rápido^{( Quick Start Guide)} de Google . O, si está usando WordPress , hay varios complementos^{( several plugins)} que puede usar.
Una vez que haya creado su contenedor, puede comenzar a agregar etiquetas y activadores para obtener información sobre los visitantes de su sitio.

A continuación^(Below) se muestra un ejemplo de una acción en el sitio web para ayudarlo a medir sus esfuerzos de marketing.

Seguimiento de clics en botones^{(Tracking Button Clicks)}

Los clics en los botones^(Button) se refieren a cuántas veces se hace clic en la llamada a la acción ( CTA ) de su sitio web. Muchos sitios tienen múltiples CTA^(CTAs) , como:

Descargar.
Añadir a la cesta.
Haz clic para llamar.
Suscribir.
Regístrate.
Empezar.
Consigue tu informe gratuito.
Aprende más.
Entrar.

Configurar algunas variables^{(Set Up Some Variables)}

Haga clic en Variables y luego en Configurar^(Configure) desde la navegación de la izquierda.
Desplácese hacia abajo y haga clic en Elemento, Clases, ID, Destino, URL^{(Element, Classes, ID, Target, URL )} y Texto^(Text) .

El siguiente paso es habilitar un activador que se activará en todos los clics. Haga clic^(Click) en Disparadores^(Triggers) en la barra de navegación de la izquierda y presione NUEVO.^(NEW.)

Luego dale un nombre a tu disparador. Llamémoslo clic de botón^{(Button Click)} .
Para seleccionar un tipo de activador, haga clic dentro de la ventana del activador, desplácese hacia abajo hasta la parte inferior de la página emergente y haga clic en Todos los elementos^{(All Elements)} .
Asegúrese de configurar Este activador se activa^{(This trigger fires)} en Todos los clics^{(All Clicks )} y haga clic en Guardar^{( Save)} .

Para asegurarse de que la etiqueta funciona correctamente, haga clic en el botón Vista previa^(Preview) . Aparecerá una barra naranja para que sepa que está en modo de vista previa.

Abra su sitio web en una nueva pestaña del navegador y actualice la página. Verá elementos de resumen en el modo de vista previa rápida. Debido a que en este ejemplo configuramos el activador para que se active cada vez que alguien haga clic en cualquier parte de su sitio, se registrará como un clic de GTM .
Si desea identificar un botón específico en una página, seleccione uno de los clics en el panel de vista previa de Google Tag Manager . Luego haga clic en Variables .

Verá clases de clic, elementos de clic y textos de clic. Todos los diferentes clics y clases de clics están anotados. Una vez que haya localizado las variables, averigüe qué filtrar para el botón que desea rastrear.

Haga clic^(Click) en el botón de ese sitio web y se resaltará la sección de resumen en la vista previa de GTM debajo de su sitio web.^(GTM)

Mire las variables que están relacionadas con su botón seleccionado, como Clases de clic , ^(Click)Elemento^{(Click Element)} de clic e ID^{(Click ID)} de clic . Utilice esta información para configurar el clic de su botón. Vuelva a su Administrador de etiquetas de Google^{(Google Tag Manager)} . Navegue^(Navigate) hasta Haga clic en el botón^{(Button Click)} .

Para el propósito de este artículo, configuremos un botón para Grab your free report , así que cambie el nombre del botón a Grab your free report CTA .

Vaya a Este activador se activa^{(This trigger fires on)} y elija Algunos clics^{(Some Clicks)} .

Aquí es donde podrá filtrar por las variables que encontró cuando estaba en el modo de vista previa.

Regrese a la vista previa de su sitio web y anote las variables para el botón que desea rastrear. Las diferentes^(Different) partes de un botón pueden tener diferentes clases dependiendo de dónde haga clic.

La mejor solución para esto es cambiar su seguimiento a Link Click porque las clases son las mismas sin importar dónde haga clic. Un clic en un enlace es un hipervínculo que permanece constante.

Para cambiar eso dentro de GTM , seleccione Click – All Elements y cámbielo a Just Links .

Use la clase que anotó en el modo de vista previa y agréguela en el cuadro en blanco a la derecha de Haga clic en Clases^{(Click Classes )} y haga clic en Guardar^{( Save)} .

Crear una etiqueta^{(Create a Tag)}

Haga clic en Etiquetas^(Tags) en la barra de navegación del lado izquierdo y presione Nuevo^(New) .

Haga clic dentro del cuadro Configuración de etiquetas^{(Tag Configuration)} para abrir los tipos de etiquetas. Desplácese^(Scroll) hacia abajo y seleccione HTML personalizado^{(Custom HTML)} .
Puede usar variables dentro de esta sección de HTML personalizado^{(Custom HTML)} escribiéndolas dentro de estos corchetes { }.
Cuando comience a escribir los corchetes, verá un menú de selección de búsqueda rápida donde puede elegir las variables existentes definidas.

Ahora necesita conectar esto al disparador que acaba de crear. Haga clic^(Click) dentro del cuadro Activación^(Triggering) , seleccione el activador y haga clic en Guardar^(Save) .
Vuelva a actualizar su página de vista previa para probar su botón. Haga clic^(Click) en su botón para ver si se activa la etiqueta. Si no funciona, regrese y verifique todas sus configuraciones.
Cuando sean correctos, verá Etiquetas activadas en este evento^{(Tags Fired on This Event)} . Ahora está rastreando cuándo se hace clic en su botón.

Haz que la etiqueta sea un evento^{(Make The Tag An Event)}

Vuelva a GTM y seleccione la etiqueta que acaba de crear. Asegúrese de nombrarlo con un nombre identificable.
Cambie el tipo de etiqueta de HTML personalizado^{(Custom HTML)} a Google Analytics: Google Analytics : Universal Analytics .

Seleccione Evento^(Event) para Tipo de pista^{(Track Type)} , Botón CTA^{(CTA Button)} para Parámetros de seguimiento de eventos^{(Event Tracking Parameters)} , Haga clic^(Click) para Acción^(Action) y agregue un nombre de identificación para Etiqueta^(Label) .
Desplácese^(Scroll) hacia abajo hasta Configuración de Google Analytics^{(Google Analytics Settings)} , seleccione {{Google Analytics}} y haga clic en Guardar^(Save) . Ahora está rastreando sus clics dentro de Google Analytics como un evento.
Envíe su evento y luego publíquelo^(Publish) .
En la sección Descripción de la versión del contenedor^{(Container Version Description)} , agregue un nombre descriptivo para su evento y haga clic en Continuar^(Continue) .

Su nuevo activador y nueva etiqueta ahora están activos en su sitio web para rastrear cada vez que un visitante del sitio hace clic en el botón.

No hay límite para la cantidad de acciones que puede rastrear usando Google Tag Manager . Cuantos más datos recopile y mida, mejor podrá ajustar sus campañas publicitarias y de marketing para aumentar las conversiones y las ventas.

How To Use Google Tag Manager To Analyze Your Website Traffic

No mattеr what type of website yoυ have, knowing how your vіsitоrs interact with уour site is essential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Juan jose Morales

About the author

Soy técnico informático profesional y tengo más de 10 años de experiencia en el campo. Me especializo en el desarrollo de Windows 7 y Windows Apps, así como en el diseño de Cool Websites. Tengo un gran conocimiento y experiencia en el campo, y sería un activo valioso para cualquier organización que busque hacer crecer su negocio.

Cómo usar Google Tag Manager para analizar el tráfico de su sitio web

¿Qué es el Administrador de etiquetas de Google?^{(What Is Google Tag Manager?)}

Configure su sitio web^{(Set Up Your Website)}

Seguimiento de clics en botones^{(Tracking Button Clicks)}