Cómo configurar y encontrar su ID de Google Tag Manager

Hoy hablaré sobre cómo configurar Google Tag Manager y dónde encontrar su ID de Google Tag Manager. Si usa muchas herramientas de seguimiento en su sitio web, un administrador de etiquetas es un ahorro de tiempo esencial.

Pero antes de entrar en los detalles del ID del Administrador de etiquetas de Google, retrocedamos y hablemos de las etiquetas.

¿Qué es una etiqueta?

Una "Etiqueta" es otro nombre para el código de la herramienta de seguimiento de sitios web. Probablemente esté utilizando al menos una herramienta de seguimiento en su sitio web. Por ejemplo, Google Analytics es una herramienta de seguimiento. tiene una herramienta de rastreo llamada “ Pixel ”. Los programas de análisis de usuarios de sitios web, o "mapas de calor", como CrazyEgg son herramientas de seguimiento.

En la mayoría de los casos, para usar herramientas de seguimiento, debe insertar un poco de código en sus páginas. Las personas que trabajan en marketing a menudo llaman a esos fragmentos de código "etiquetas". Entonces, cuando hablamos de etiquetas, de eso estamos hablando. Bits de código (o pequeños archivos de imagen llamados "píxeles") que rastrean algún tipo de actividad del sitio web.

Estos elementos rastrean las cargas de página, los clics, los envíos de formularios y casi cualquier otra cosa que un visitante pueda hacer en su sitio. Cuando un visitante llega a su sitio web, se cargan sus códigos de seguimiento o etiquetas y se realiza un seguimiento de las acciones del visitante.

Agregar una sola etiqueta a su sitio es fácil y solo debe hacerse una vez. Pero si desea utilizar varias herramientas de seguimiento, deberá agregar más código a su sitio. Y más adelante, es posible que deba modificar o eliminar las etiquetas existentes.

Para mantener todo correctamente, se beneficiará del uso de algún tipo de sistema de gestión de etiquetas.

¿Qué es la gestión de etiquetas?

Un administrador de etiquetas centraliza sus etiquetas en un solo lugar. No es necesario ingresar a su sitio y averiguar dónde se usan ciertas etiquetas. Están todos en el administrador de etiquetas. Realice su actualización allí, y las etiquetas nuevas o modificadas aparecerán justo donde deben estar en su sitio.

¿Como hace eso? Primero, ingresa las etiquetas de su sitio web en el administrador de etiquetas en un "contenedor". Luego, el administrador de etiquetas crea el código o la etiqueta para el contenedor y usted lo agrega a su sitio.

Luego, puede eliminar todas las demás etiquetas de su sitio web y dejar solo la etiqueta del contenedor del administrador de etiquetas. El código del administrador de etiquetas extrae todas sus etiquetas del administrador de etiquetas y las inserta en su sitio.

¿Qué es una etiqueta de contenedor?

Tag Manager utiliza "contenedores", por lo que puede configurar diferentes grupos de etiquetas. Eso es útil si administra varios sitios o desea usar diferentes etiquetas en diferentes partes de un solo sitio. Cada contenedor tiene una identificación única y el código del contenedor es la "etiqueta" del contenedor.

Lo importante que debe recordar es que cuando hablamos de "etiquetas", estamos hablando de unas pocas líneas de código Javascript.

Cómo configurar una cuenta del administrador de etiquetas de Google

Si aún no tiene una cuenta de Tag Manager, puede configurar una en un par de minutos.

Inicie sesión en su cuenta de Google (Gmail, Analytics o cualquier otra cuenta de Google) y vaya a la página del Administrador de etiquetas .

Haga clic en el botón "Comenzar gratis".

Introduzca un nombre de cuenta. Eso puede ser cualquier cosa, por ejemplo, el nombre de su sitio.

A continuación, creará su primer contenedor de etiquetas.

Asigne un nombre al contenedor en el campo "Nombre del contenedor" y haga clic en la sección "Web".

Haga clic en el botón "Crear".

Si su sitio web cumple con las normas del RGPD de la UE , marque la casilla "Términos de procesamiento de datos del RGPD" en la parte inferior de la página.

Haga clic en el botón "Sí" para aceptar los términos del servicio.

Implementación del código de Tag Manager en su sitio

Cuando se complete la configuración de su cuenta de Tag Manager, se mostrará una ventana emergente. Contiene el código necesario para usar Tag Manager en su sitio.

Hay dos bloques de código. El primero se pega en la etiqueta <head> de su sitio, el segundo directamente después de la etiqueta <body>.

La forma en que inserte el código depende de cómo esté construido su sitio. El código debe aparecer en todas las páginas, por lo que funciona mejor con un sitio web que utilice un archivo de encabezado universal. La mayoría de los sitios modernos están hechos de esa manera, usando un solo archivo de encabezado que se inserta automáticamente en cada página.

Si su sitio usa WordPress, puede insertar ambos fragmentos de código una vez y aparecerán en todas las páginas. Más adelante le mostraré una manera fácil de agregar Tag Manager a un sitio de WordPress.

Pero Tag Manager se puede usar en sitios más pequeños formados por páginas en las que cada sección <head> es diferente. De hecho, ese tipo de sitios es donde Tag Manager realmente brilla.

Sí, es tedioso agregar el código a cada página. Pero una vez que lo haya hecho, puede administrar las etiquetas en todas las páginas usando el Administrador de etiquetas. Si alguna vez ha evitado usar herramientas de seguimiento en un sitio sin un encabezado común, Tag Manager abre esa puerta.

Publicación (activación) de su contenedor de Tag Manager

Su contenedor recién creado está vacío y aún no está activado. Agreguemos una etiqueta de Google Analytics y publiquemos nuestro contenedor para que pueda ver cómo funciona.

Haga clic en la pestaña "Etiquetas" en la columna izquierda de la navegación del Administrador de etiquetas.

Cuando se abra el área "Etiquetas", haga clic en el botón "Nuevo".

Haga clic en el icono "Configuración de etiquetas".

Haga clic en "Google Analytics: Universal Analytics".

En la sección "Configuración de Google Analytics", haga clic en "Seleccionar variable de configuración..."

Seleccione "Nueva variable..." en el menú desplegable.

Ingrese su ID de seguimiento de Google Analytics y haga clic en el botón "Guardar".

Aparecerá una ventana que le pedirá un nombre de variable. Ingresa lo que quieras y haz clic en "Guardar".

Ahora desplácese hacia abajo y haga clic en el icono "Activación".

Haz clic en "Todas las páginas".

Ahora asigne un nombre a la etiqueta y haga clic en el botón "Guardar".

Haga clic en el botón "Enviar".

Ingrese un "Nombre de la versión" y una "Descripción de la versión" y haga clic en el botón "Publicar".

Ahora su contenedor de etiquetas está activo en su sitio.

El código de Google Analytics se agregará automáticamente a cada página del sitio. Se agregan etiquetas adicionales de la misma manera que acabamos de crear la etiqueta de Analytics.

¿Cuál es mi ID de Google Tag Manager y dónde puedo encontrarlo?

Hablando de WordPress, muchos creadores de sitios web usan complementos. Y a veces, cuando instala un complemento, le pedirá su ID de Tag Manager. Hay un par de formas de encontrar la identificación de la etiqueta.

Primero, se muestra en la parte superior de la página en Tag Manager.

Si no desea iniciar sesión en Tag Manager para encontrarlo, se muestra en su sitio web.

Haga clic con el botón derecho en una página y vea la fuente. El ID se puede encontrar en las etiquetas de Tag Manager. Buscar:

<!– Administrador de etiquetas de Google –>

o:

<!– Administrador de etiquetas de Google (sin guión) –>

En esos bloques de código, la identificación de la etiqueta será "GTM-" seguida de siete números aleatorios y letras mayúsculas.

Cómo agregar su ID de Google Tag Manager a un sitio de WordPress

Puede agregar una ID de Tag Manager a un sitio de WordPress editando el encabezado del tema y la(s) plantilla(s) de página. Tenga en cuenta, por supuesto, que siempre debe usar un tema secundario cuando edite archivos de temas de WordPress.

Pero editar archivos de temas de WordPress no es divertido, y cuando editas, siempre existe el riesgo de romper algo accidentalmente. La belleza y la fuerza de WordPress son los complementos disponibles que hacen el trabajo sucio por ti.

Hay un complemento de Google que puede agregar su ID de Tag Manager (y muchas otras cosas) a su sitio. Se llama Kit de sitio. No lo voy a usar aquí porque se integra con su cuenta de Google, por lo que hay muchos pasos de configuración . Pero vale la pena echarle un vistazo cuando tengas algo de tiempo para jugar con él.

En su lugar, vamos a instalar el complemento Google Tag Manager para WordPress . Hace lo que queremos que haga, y es una instalación y configuración rápidas.

Bueno, principalmente hace lo que queremos que haga. Hay una advertencia.

Como sabe, el ID de Tag Manager consta de dos partes. Una parte va en la etiqueta <head>, la otra después de la etiqueta <body>. El complemento puede insertar código en el encabezado de su tema, pero no en el cuerpo.

Pero la segunda parte del ID de Tag Manager, la parte dentro de la etiqueta del cuerpo, es una alternativa. Solo se usa si el navegador del visitante tiene Javascript deshabilitado. Un visitante humano rara vez usaría una configuración de este tipo.

Entonces, si desea instalar Tag Manager ID siguiendo estrictamente las instrucciones de Google, puede usar este complemento, pero aún tendrá que agregar código a la(s) plantilla(s) de su página.

Si usa el complemento sin editar ningún archivo de tema, será suficiente para un uso normal.

Instalación del complemento Google Tag Manager para WordPress

Inicie sesión en su panel de administración de WordPress.

En la navegación de la columna izquierda, pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo".

En el cuadro "Buscar complementos...", ingrese "Administrador de etiquetas".

Una vez que haya localizado el complemento, haga clic en el botón "Instalar ahora".

Finalmente, haga clic en el botón "Activar".

Accederás a tu panel de control y habrá un aviso en la parte superior de la página.

Haga clic en el enlace "ingrese su ID de GTM" en el aviso.

Ingrese su ID de Tag Manager en el campo "ID de Google Tag Manager".

Desplácese hacia abajo y haga clic en el botón "Guardar".

Ahora, si ve la fuente en una página de su sitio, verá el ID de Tag Manager.

Si desea realizar las modificaciones de la plantilla de página de las que hablamos, los detalles se encuentran en la selección "Ubicación del código de contenedor".

Qué sucede si desinstala el complemento Google Tag Manager para WordPress

Si desinstala el complemento, su ID de Tag Manager deberá agregarse a sus archivos de tema manualmente.

“Por cada minuto dedicado a organizar, se gana una hora”

Benjamin Franklin dijo eso, y era un tipo bastante inteligente. No tuvo que administrar etiquetas de herramientas de seguimiento de sitios web, pero sí inventó el pararrayos y los lentes bifocales.

Y tenía razón acerca de que la organización ahorra tiempo. Las herramientas que tenemos disponibles ahora para observar y cuantificar el comportamiento de los visitantes del sitio web son notables.

Si pudieras retroceder 25 años en el tiempo y decirles a los webmasters (¿los recuerdas?) que algún día podrían ver dónde hicieron clic los visitantes en una página y cuánto se desplazaron, se habrían reído.

Pero aquí estamos. Por supuesto, ese progreso técnico ha introducido complejidad. siempre lo hace Entonces, cada vez que se crea una herramienta como Tag Manager para ayudar a reducir la complejidad, debemos aprovecharla.

El Administrador de etiquetas de Google no es una herramienta simple que pueda dominar en cinco minutos. Pero pocas herramientas verdaderamente útiles lo son. El tiempo que pasa aprendiendo a usarlo es una sabia inversión.