La guía fácil como un pastel para instalar Google Tag Manager

La guía fácil como un pastel para instalar Google Tag Manager

Soy un converso reciente a Google Tag Manager (GTM). Lanzado en 2012GTM ayuda a los especialistas en marketing y a los optimizadores de conversión con un problema doloroso: implementar muchos tipos diferentes de código en un sitio para realizar un seguimiento de las métricas que necesita.

Antes de GTM, poner un código de seguimiento en su sitio era un asunto complicado y arriesgado. Quienquiera que estuviera a cargo del back-end del sitio web tenía que manejar la implementación, y no había garantía de que lo hiciera bien la primera vez. (Todavía tengo pesadillas acerca de cómo un copiado y pegado fallido del código de seguimiento rompió mi sitio). Tampoco podía estar seguro de que terminaría con las métricas que quería y con múltiples fragmentos de código («etiquetas» en Google-speak). ) que se ejecute desde su sitio también podría afectar el tiempo de carga.

GTM tenía como objetivo resolver todos estos problemas, con plantillas para una fácil implementación de etiquetas y carga de etiquetas asíncrona para mantener rápidos los tiempos de carga de su sitio. Una actualización posterior creó una interfaz más clara y agregó soporte para más de las etiquetas que los especialistas en marketing y los optimizadores de conversión usan comúnmente.

Captura de pantalla de integraciones de GTM

Todo eso suena genial, pero ¿qué tan fácil sería para la persona promedio implementar y usar GTM en su sitio web? Decidí averiguarlo y resultó ser más complicado de lo que había previsto.

Decodificación del Administrador de etiquetas de Google

Primero, tuve que aprender un nuevo vocabulario:

  • Etiquetascomo mencioné, son fragmentos de código que se ejecutan en páginas web.
  • Cuando una etiqueta se ejecuta en su página, dice que incendios.
  • A generar es lo que hace que la etiqueta se dispare. Comprueba que se cumplen las condiciones adecuadas para el disparo y luego actúa o no. Por ejemplo, si está implementando código de análisis, cada vez que alguien visite una página, eso servirá como disparador. (Aquí está La guía de Google para los disparadores.)
  • A variable ayuda a decirle a GTM dónde debe activarse una etiqueta.
  • A capa de datos almacena información para GTM. Optimizar inteligente hace un gran trabajo al explicar esto.
  • A envase es donde almacena todas las etiquetas, disparadores y variables para su sitio. Dentro de GTM cada sitio debe tener su propio contenedor.

Con la terminología básica en mi haber, estaba listo para comenzar mi primera implementación de GTM.

Implementación de Universal Analytics a través de GTM

Decidí usar GTM con mi sitio basado en WordPress, sharonhh.com, que tiene 23 páginas y 160 publicaciones. Directrices propias de Google le sugiero que audite su sitio para ver qué etiquetas ya se están ejecutando. Realmente no necesitaba hacer esto, ya que sabía que estaba usando Universal Analytics y Clicky Analytics. Ya tenía una cuenta de Google, así que seguí el procedimiento habitual para vincularla con Google Tag Manager.

Paso 1: Crea una cuenta

Una vez que haya iniciado sesión en GTM, el primer paso es crear una cuenta. Esto podría ser útil si está manejando implementaciones de GTM para múltiples clientes, porque querrá una cuenta para cada uno de ellos.

Crear una nueva cuenta en el administrador de etiquetas de Google

La cuenta tendrá el ID de contenedor de GTM para su sitio. Tienes que elegir el tipo de contenedor (Web, iOS o Android) y darle al botón “crear”. Eso te dará el código GTM.

Fragmento de código del Administrador de etiquetas de Google

Creé un contenedor usando mi nombre de dominio para poder identificar fácilmente el sitio. Si quisiera agregar otro contenedor (por ejemplo, para una aplicación móvil para mi sitio), podría agregarlo a través de la página de la cuenta. Por ejemplo, en la captura de pantalla a continuación, podría haber agregado GPTWO como parte de mi cuenta de SHHwebsites.

Nombre del contenedor GTM

Paso 2: crea una etiqueta

A continuación, debe crear una etiqueta. Haga clic en el botón «nueva etiqueta», luego seleccione la etiqueta que desea agregar.

Crear una etiqueta GTM

elige el tipo de etiqueta

Asigne un nombre a la etiqueta que sea fácil de recordar. Por ejemplo, uso una convención de nomenclatura que incluye las iniciales de mi sitio más el tipo de etiqueta que estoy usando.

Paso 3: agregue su ID de seguimiento

A continuación, busque su ID de seguimiento para el sitio en su cuenta de Google Analytics. Vaya a la sección de administración, seleccione la propiedad, haga clic en información de seguimiento y luego en el código de seguimiento. El ID de análisis estará en la parte superior de la página. Copie esto y péguelo en el cuadro correspondiente en GTM.

agregar ID de seguimiento a Google Tag Manager

Paso 4. Elige qué y dónde rastrear

A continuación, decida lo que desea rastrear. Para una implementación de análisis, generalmente serán vistas de página, para replicar lo que está haciendo su código de análisis existente. En esta etapa, también puede decidir dónde debe activarse la etiqueta. Nuevamente, para análisis, use «todas las páginas». Presiona el botón “crear”.

elegir qué rastrear

Paso 5: Asegúrate de que tu sitio esté listo

Si ya tiene la configuración de GTM en su sitio, el siguiente paso sería publicar, pero como esta fue mi primera implementación, tuve que preparar mi sitio. Dado que es un sitio de WordPress, esto involucra complementos. La mayoría de la gente recomienda Administrador de etiquetas de Google de DuracellTomi complemento (documentación aquí), así que lo instalé y agregué mi ID de contenedor GTM.

Paso 6: Vista previa y publicación

Cuando su sitio esté listo, es hora de poner GTM a trabajar. Tiene la opción de publicar el código inmediatamente o obtener una vista previa primero. La vista previa le permite verificar si la etiqueta se activa.

etiqueta de vista previa

Cuando está en modo de vista previa, visitar el sitio le permite ver qué etiquetas se activan.

mostrar qué etiquetas se activan

Cuando esté satisfecho de que sus etiquetas funcionen, presione «publicar» y el código estará activo. Google Tag Manager realiza un seguimiento de las etiquetas, activadores y variables. Cada vez que agrega algo nuevo, se crea una nueva versión para que pueda trabajar. También puede ver en el tablero cuando tiene cambios no publicados.

GTM publicado

Paso 7: elimina el código duplicado

Si es como la mayoría de las personas, ya tiene una implementación de análisis de Google ejecutándose en su sitio. Si desea que sus estadísticas sean confiables, debe eliminar el código anterior y ejecutar Analytics SOLAMENTE a través de GTM.

Si quiere estar seguro de que solo se está ejecutando una instancia de código de seguimiento, un complemento de Chrome, Asistente de etiquetas de Google, ayudará. Después de usar esto para verificar, busqué en mis complementos de WordPress y archivos de temas para asegurarme de haber encontrado y deshacerme de todo el código antiguo.

Paso 8: Revisa tus estadísticas

Cuando se trata de Analytics, un poco de paranoia es algo bueno. Durante la primera semana después de hacer el cambio, revisé mi tablero de Analytics todos los días para asegurarme de que no hubiera pérdidas de tráfico inexplicables.

Cómo agregar más etiquetas a su sitio web

Una vez que haya implementado su primera etiqueta, será más fácil. Por ejemplo, así es como agregué el código de seguimiento de Webinpixels a mi sitio.

Regresé a la página principal, hice clic en el botón «agregar nueva etiqueta» y seleccioné Webinpixels. Le di a la implementación un nombre reconocible (al menos para mí).

cómo agregar etiquetas a su sitio web

Agregué mi número de cuenta de Webinpixels y configuré el código para que se active en todas las páginas.

captura de pantalla tagmanager.google.com

Obtuve una vista previa y luego publiqué el código.

publicar código

Otros recursos del administrador de etiquetas de Google

Si bien estoy contento con los resultados finales de mi implementación de GTM, necesité MUCHA investigación para que funcionara correctamente. Mientras lo hacía, aproveché la oportunidad para hacer otros ajustes útiles. Estos son los recursos que encontré más útiles.

Ahora que implementé GTM, puedo ver lo fácil que será agregar otras etiquetas. Dado que también le permite usar HTML personalizado, no hay límite para el seguimiento que puede implementar. ¿Estás usando GTM? ¿Qué recursos le resultaron más útiles?

Lea otros artículos de Webinpixels de Sharon Hurley Hall.