Administrador de etiquetas de Google: etiquetas de seguimiento

Una vez que haya entendido el proceso de creación de una etiqueta, tiene sentido profundizar y ver cómo se logra el seguimiento utilizando diferentes enfoques.

Etiqueta de vista de página

Un especialista en marketing de productos debe comprender el recuento de visitantes del sitio web / blog del producto. Esto es realmente fundamental, ya que ayuda a comprender la tendencia de los visitantes. Puede ser para saber si el visitante aprecia una mejora / característica particular agregada en el sitio web / blog, si los visitantes acceden al sitio web diariamente / semanalmente, etc.

Teniendo en cuenta que la 'Vista de página' tiene una enorme importancia para comprender la simpatía del sitio web / blog, veamos cómo se puede rastrear una Vista de página usando una etiqueta.

Step 1 - Como hemos seguido los pasos del capítulo anterior, accedemos a la sección de etiquetas en Google Tag Manager.

Mostrará la etiqueta creada recientemente: Primera etiqueta.

Step 2 - Haga clic en Primera etiqueta, mostrará el cuadro de diálogo con los activadores configurados, etc.

Como se destaca en la captura de pantalla anterior, centremos nuestra atención en el ID de seguimiento.

Este ID de seguimiento está asociado con Google Analytics. Cuando iniciamos el modo de depuración y visitamos el blog, se contará como una vista de una sola página.

En este momento en particular, Google Analytics registrará la vista de la página en su interfaz.

Step 3 - Depurar con Google Tag Manager y abrir el Google Analytics dashboard, en Fuentes de tráfico → Descripción general, verá las siguientes estadísticas.

Esto muestra que se registra una vista de página y las vistas de página correspondientes se seguirán más en Google Analytics.

Etiquetas de enlace

Muchas veces habrá ciertas ofertas promocionales para las cuales se puede solicitar al usuario que abandone el blog o el sitio web. Junto con las promociones, estas pueden ser algunas encuestas de terceros que un usuario puede tener que realizar. Estas encuestas generarán ciertas estadísticas, que serán diferentes de los datos que ingresan a través de diferentes etiquetas.

Para este propósito, es útil tener habilitado el seguimiento de cuántas veces se hace clic en el enlace y se redirige al usuario fuera del sitio web. Dichos enlaces se denominanoutbound links y estos enlaces se pueden rastrear fácilmente usando Google Tag Manager.

Para demostrar esto, crearemos un enlace en nuestro blog.

La captura de pantalla anterior muestra un enlace llamado - Un enlace saliente. Este enlace se utilizará para realizar un seguimiento en Google Tag Manager. Redirige ahttps://www.google.com

Step 1- Dirígete al espacio de trabajo de Google Tag Manager. Haga clic en Etiquetas en el panel izquierdo. Haga clic en el botón NUEVO en la página para comenzar a crear la etiqueta del enlace saliente.

Vamos a nombrar la etiqueta como - Etiqueta de enlace saliente.

Step 2 - Siga el mismo proceso que la configuración inicial de la etiqueta para tener el código de Google Analytics ingresado en el campo correcto - Identificación de seguimiento.

Step 3- Seleccione el campo Tipo de pista como Evento. Podrá ver más las siguientes opciones.

Estas opciones están de acuerdo con el tipo de pista: evento. Tenga en cuenta que estas opciones no estarán disponibles en absoluto en Tipo de pista - Vista de página. Esto se debe a que, como estamos adjuntando el código de Google Analytics con el Google Tag Manager, para ver los detalles del evento en tiempo real, necesitamos ciertos parámetros.

Step 4- Complete los detalles del formulario a continuación. El texto en negrita son los valores que se deben ingresar en los cuadros de texto.

  • Categoría - Outbound

  • Acción - Click

  • Deje los campos Etiqueta y Valor en blanco

  • Mantener el golpe de no interacción como False

Step 5 - A continuación, en la sección Activación, haga clic en Elegir un activador para activar esta etiqueta ...

Step 6- Haga clic en el icono azul + en la esquina superior derecha. Abrirá la sección de disparadores personalizados. Proporcione un nombre a este disparador como - Haga clic en Disparador.

Step 7 - Haga clic en Elegir un tipo de activador para comenzar la configuración ...

Mostrará los siguientes tipos de activadores como se muestra en la siguiente captura de pantalla.

Step 8- Como se resalta en la figura anterior, haga clic en Solo enlaces en Tipo de activador de clic. Esto mostrará las diferentes opciones para configurar el tipo de disparador recién creado.

Ahora, debemos configurar el disparador para que se active si la URL en la que se hizo clic tiene una ruta de página como https://www.google.com. Tenga en cuenta que hemos configurado el enlace en nuestro blog para redirigirlo a la misma URL.

Step 9 - Configure el disparador como se indica exactamente en la figura anterior.

Queremos configurar este activador para que se active en algunos clics en enlaces cuando la URL de la página sea igual ahttps://www.google.com. Una vez hecho esto, la pantalla debería verse como la siguiente.

Step 10 - Haga clic en el SAVEpara guardar este disparador recién creado. La pantalla de configuración de nuevo a la etiqueta de salida del enlace de retorno etiqueta .

Step 11 - Haga clic en GUARDAR para completar la configuración.

Como se destaca en la figura anterior, una etiqueta completa para el enlace saliente debe verse como la anterior.

Ahora, tengamos la etiqueta en acción.

Step 12- Desde el espacio de trabajo, haga clic en el botón VISTA PREVIA. Se iniciará el modo de depuración.

Step 13- En su navegador, en otra pestaña, abra su blog. La ventana de depuración se mostrará en la parte inferior de la pantalla.

Como se muestra arriba, dado que aún no hemos hecho clic en el enlace, la etiqueta todavía aparece en Etiquetas no activadas en esta página.

Step 14- Haga clic en el enlace de salida como se creó en el paso anterior, la etiqueta se activará. Puede verlo aparecer en Etiquetas activadas en esta página.

Esto concluye el enfoque para crear una etiqueta para un enlace saliente para rastrear los enlaces en el blog / sitio web.

Seguimiento de eventos

El seguimiento de eventos representa cualquier acción que sea diferente a la carga de una página. El navegador tiene una respuesta específica a cualquier acción que realice en la página. Por ejemplo, la acción puede ser tan simple como hacer clic en un enlace o enviar un formulario a uno complejo, como rastrear vistas y descargas de archivos.

Con Google Tag Manager, puede rastrear fácilmente los eventos generados en el navegador. Registra las respuestas del navegador para posibles acciones, lo que permite rastrear fácilmente el evento en particular.

Usaremos el ejemplo anterior para ver el seguimiento de eventos en acción. En el ejemplo anterior hemos creado un enlace, que redirige fuera de nuestro blog. En este ejemplo, crearemos otro enlace, que apuntará hacia nuestro blog. Estamos usando este ejemplo para demostrar cómo se pueden rastrear sin problemas los enlaces que salen del blog.

He creado un enlace llamado Enlace interno en el blog. Este enlace lo redireccionará a la misma página del blog.

Vayamos al panel de Google Tag Manager y creemos un nuevo activador para el enlace saliente. Usaremos la URL de clic variable incorporada para esto. Utilizando Click URL, vamos a detectar si el enlace en el que se hace clic está redirigiendo al usuario fuera del blog o no.

Para habilitar la URL de clic variable incorporada, siga los pasos.

Step 1- En la sección Variables, haga clic en el botón en rojo, CONFIGURAR. Mostrará las variables integradas disponibles. Hay diferentes variables integradas disponibles, que son: páginas, utilidades, errores, clics, etc.

Step 2- En la categoría Clics, marque la casilla Click URL. Esto mostrará las variables disponibles en Click URL inmediatamente. Consulte la siguiente pantalla como referencia.

Ahora que la variable está configurada, podemos configurar el disparador.

El disparador se habilitará cuando un usuario haga clic en todas las URL, que se redirigen fuera del blog. Crear este disparador es bastante simple.

Step 3- Vaya a Desencadenadores, haga clic en Nuevo. Proporcione un nombre al disparador. Digamos que el nombre es - Activador de enlace externo.

Step 4 - En Configuración de activador, haga clic en Elegir un tipo de activador para comenzar la configuración ...

Step 5- De las opciones disponibles, en Hacer clic, seleccione Solo enlaces. Consulte la siguiente pantalla para ver los pasos hasta ahora.

Cuando se hace clic en Solo enlaces, se lo dirige de nuevo a la primera sección, donde deberá proporcionar la excepción de URL. Los siguientes son los pasos para hacerlo.

Step 6 - Para la opción Este disparador se activa, seleccione Algunos clics en enlaces.

Step 7- Bajo las condiciones, seleccione Click URL, que debe estar previamente seleccionada. Seleccione el valor que no contiene de las opciones de condición.

Step 8- En el cuadro de texto de valor, ingrese un valor que sea la URL de su blog. En nuestro caso, ingresaremos a gtmtutorial2017.blogspot.in. Una vez terminado, la pantalla se verá similar a la siguiente.

Step 9 - Haga clic en el botón Guardar en azul para guardar su nuevo activador.

Ahora es el momento de configurar nuestra etiqueta, que usaremos para rastrear el evento de clic, que redirigirá al usuario fuera del blog.

Step 10- Abra la sección Etiquetas, haga clic en el botón NUEVO. Proporcione un nombre a su etiqueta, déjenos llamarla - Etiqueta de enlace externo.

Step 11 - En Configuración de etiqueta, haga clic en Elegir un tipo de etiqueta para comenzar la configuración ... Seleccione el tipo de etiqueta como Universal Analytics e ingrese los siguientes detalles en la pantalla.

  • En Tipo de pista, seleccione Evento
  • Para Categoría: ingrese Enlace externo
  • En acción: ingrese Click
  • Para la etiqueta, haga clic en el icono de opciones

Step 12 - En el panel lateral que se muestra, seleccione Hacer clic en URL.

Step 13- Una vez hecho esto, marque la casilla Habilitar configuraciones anuladas en esta etiqueta. En el cuadro de texto ID de seguimiento, ingrese su código de seguimiento de Google Analytics.

Step 14- Desplácese hacia abajo para configurar Triggering. Vamos a utilizar nuestro disparador recién creado.

Step 15- Haga clic en Elegir un disparador para hacer que esta etiqueta se active ... Mostrará los disparadores disponibles. Seleccione Activador de enlace externo, que hemos creado anteriormente.

Con esto concluye la configuración de la etiqueta. Haga clic en el botón Guardar.

Step 16- Ahora, para depurar la etiqueta, haga clic en el botón Vista previa en gris. Iniciará Google Tag Manager en modo de depuración.

Step 17- Vuelva a su blog y actualice el blog para que comience el depurador de Google Tag Manager. Teniendo en cuenta el ejemplo anterior, se muestran dos enlaces en la página. Además, existe la etiqueta de enlace externo, que se muestra en Etiquetas no activadas en esta página.

Ahora es el momento de probar la configuración de la etiqueta. Usaremos Ctrl + Click en ambos escenarios para verificar si la etiqueta está activada. Ctrl + Click hará que el enlace se abra en la nueva pestaña, sin actualizar la página actual. Necesitamos tener la página intacta, ya que no podremos ver las etiquetas activadas, si la página se actualiza.

Step 18- Primero, use Ctrl + clic en el enlace interno como se resalta en la figura anterior. Idealmente, la etiqueta no debería activarse, ya que el enlace dirige al usuario al mismo blog.

Como se muestra en la figura anterior, en la sección Resumen del depurador, verá otro evento: gtm.linkClick. Esto significa que GTM ha registrado el evento de clic.

Pero no verá ningún cambio en la sección Etiquetas activadas en esta página. Esto se debe a que hemos configurado la pestaña para enlaces salientes.

Step 19 - Ahora Ctrl + clic en un enlace saliente (esto se creó en la sección anterior).

Observe la sección de resumen, nuevamente se actualizará para otro evento: gtm.linkClick.

Como se muestra en la figura anterior, para el próximo evento registrado, se activará una etiqueta: etiqueta de enlace externo. Podrá verlo en Etiquetas activadas en esta página.

De esta manera, puede emplear el seguimiento de eventos con Google Tag Manager y configurar etiquetas para los datos críticos que necesita de su sitio web / blog.

Seguimiento de formularios

La mayoría de las veces, en cualquier sitio web / blog verá un formulario que capturará ciertos detalles del usuario. Como comercializador de productos, se vuelve tedioso saber si los visitantes están utilizando el formulario.

Puede ser un buen enfoque saber cuántas veces un usuario ha completado información en este formulario y cuántas veces se encontró con un error. Con Google Tag Manager, puede rastrear fácilmente los envíos de formularios. Esta sección lo guiará a través del proceso.

Para este ejemplo, tendremos un formulario de contacto creado en nuestro blog.

Step 1- Para blogger, para crear un formulario de contacto, use la opción Diseño → Agregar un gadget. Una vez que haga clic en Agregar un gadget, verá la siguiente pantalla, donde encontrará el gadget Búsqueda de blogs. Haga clic en el icono azul más (+) para insertarlo en el blog.

Una vez hecho esto, aparecerá en su blog como se muestra en la siguiente captura de pantalla.

Ahora, configuremos los disparadores relacionados y la etiqueta.

Para empezar con el gatillo, seguiremos los mismos pasos. Primero agregaremos enable una variable incorporada llamada Form ID, luego crearemos un disparador que utilizará esta variable recién creada.

Una vez hecho esto, usaremos este nuevo disparador para configurar una etiqueta para rastrear las interacciones con el formulario.

Para habilitar la variable incorporada Form ID, los siguientes son los pasos.

Step 2- En la sección Variables, haga clic en el botón en rojo, CONFIGURAR. En la categoría Formularios, marque la casilla ID de formulario. Esto mostrará la ID del formulario en las variables disponibles inmediatamente. Consulte la siguiente pantalla como referencia.

Ahora que la variable está configurada, podemos configurar el disparador.

El disparador se habilitará cuando el usuario envíe datos en el formulario Contáctenos.

Step 3- Para hacerlo, vaya a Desencadenadores, haga clic en Nuevo. Proporcione un nombre al disparador. Vamos a nombrarlo como - Activador de envío de formulario.

Step 4 - En Configuración de activador, haga clic en Elegir un tipo de activador para comenzar la configuración ...

Step 5- De las opciones disponibles, en Compromiso del usuario, seleccione Envío de formulario. Consulte la siguiente pantalla para ver los pasos hasta ahora.

Cuando se hace clic en Envío de formulario, se le redirige a la primera sección, donde deberá proporcionar el ID del formulario.

Step 6 - Para la opción, Este disparador se activa, seleccione Todos los formularios.

Una vez que haya terminado con el paso anterior, habilitará el seguimiento de todos los formularios enviados en la página del blog. También puede utilizar un ID de formulario específico, que se puede configurar cuando creó su blog.

Para configurar un ID de formulario específico, puede solicitar el apoyo del desarrollador de su sitio web / blog para obtener más detalles. Después de completar estos pasos, consulte la siguiente pantalla para obtener una referencia completa.

Step 7 - Haga clic en el botón Guardar en azul para guardar su nuevo activador.

Ahora es el momento de configurar nuestra etiqueta, que usaremos para rastrear el evento de clic que redirigirá al usuario fuera del blog.

Step 8- Abra la sección Etiquetas, haga clic en el botón NUEVO. Proporcione un nombre a su etiqueta, déjenos llamarlo - Etiqueta de envío de formulario.

Step 9 - En Configuración de etiqueta, haga clic en Elegir un tipo de etiqueta para comenzar la configuración ... Seleccione el tipo de etiqueta como Universal Analytics y complete los siguientes detalles:

  • En Tipo de pista, seleccione Evento
  • Para categoría: ingrese Envío de formulario
  • En acción: ingrese el formulario enviado
  • Para la etiqueta, haga clic en el icono de opciones

Step 10 - En el panel lateral que se muestra, seleccione ID de formulario.

Step 11- Una vez hecho esto, marque y seleccione Habilitar configuraciones anuladas en esta etiqueta. En el cuadro de texto ID de seguimiento, ingrese su código de seguimiento de Google Analytics.

Desplácese hacia abajo para configurar Triggering. Vamos a utilizar nuestro disparador recién creado.

Step 12- Haga clic en Elegir un disparador para hacer que esta etiqueta se active ... Mostrará los disparadores disponibles. Seleccione Activador de envío de formulario, que hemos creado anteriormente.

Con esto concluye la configuración de la etiqueta. Haga clic en el botón Guardar.

Step 13- Ahora, para depurar la etiqueta, haga clic en el botón Vista previa en gris. Iniciará Google Tag Manager en modo de depuración.

Step 14- Vuelva a su blog y actualice el blog para que comience el depurador de Google Tag Manager. Habrá la etiqueta de envío de formulario, que se muestra en Etiquetas no activadas en esta página.

Step 15- Ahora interactúe con el formulario Buscar en este blog ingresando algunos valores en él. Escriba Primero, ya que nuestra primera publicación de blog contiene la palabra Primero.

Step 16- Haga clic en Buscar. El nuevo evento se verá en Resumen y la etiqueta de envío del formulario aparecerá en Etiquetas activadas en esta página.

De esta manera, podemos crear etiquetas de envío de formularios utilizando Google Tag Manager.