access_time
hourglass_empty
person_outline

Google tag manager en WordPress: una guía para principiantes

Una herramienta que visita un sitio web y adivina tu ubicación exacta correctamente. Suena como un buen truco de magia, ¿verdad? Si deseas saber más acerca de esta función, quédate con nosotros ya que cubriremos todo lo relacionado al Administrador de etiquetas de Google (Google Tag Manager). Además, también te enseñaremos cómo implementar Google Tag Manager en tu sitio web de WordPress.

¿A qué se le llama Google Tag Manager?

Antes de responder esta gran pregunta, retrocedamos unos pasos y exploremos la tecnología de las etiquetas de antemano.

Una etiqueta (tag) es una abreviatura de etiqueta de píxel o píxel de seguimiento, que es un fragmento de código HTML que se utiliza para rastrear el comportamiento y las conversiones del usuario.

A pesar de estar siempre presente en muchos sitios web y campañas de marketing por correo electrónico, es posible que no puedas detectar una etiqueta ya que su tamaño es de 1×1 píxel solamente.

Dicho esto, la visibilidad no es el foco principal de una etiqueta.

Cada tag está incrustada con un enlace externo. Cuando visitas un sitio web o abres un correo electrónico que contiene una etiqueta de píxeles, tu navegador sigue discretamente el enlace externo y transmite ciertos datos al servidor.

Aquí hay un ejemplo de cómo se ve una etiqueta de píxel en el código fuente:

<img style="“position: absolute;" src="“Tracking">

Al ver que la tecnología de etiquetas se está volviendo más popular en la industria del marketing digital debido a su capacidad de obtener datos de manera discreta, hay muchas compañías de terceros que ofrecen servicios de administración para la tecnología de etiquetas.

Con eso en mente, Tag Manager es un producto de Google que proporciona este tipo de servicio.

Como pertenecen a la misma compañía, el Administrador de etiquetas de Google a menudo está asociado con Google Analytics. Esto se debe a que Google Analytics utiliza la ayuda de una etiqueta de marketing llamada Código de seguimiento de GA para rastrear las interacciones de los usuarios.

Si bien puedes agregar fácilmente etiquetas de Google Analytics en tu sitio para rastrear información general, como visitas a páginas y referencias, Google Tag Manager complementa a Google Analytics al proporcionar datos de comportamiento del usuario que requieren el uso de etiquetas de píxeles personalizadas.

Además, Google Tag Manager es compatible con otros tipos de plataformas de etiquetas como Adobe Analytics, Google Ads, Facebook y Twitter.

¿Qué podemos hacer con Google Tag Manager?

A pesar de estar vinculado a Google Analytics la mayor parte del tiempo, Google Tag Manager es capaz de manejar múltiples etiquetas de píxeles simultáneamente.

En términos de características, Google Tag Manager es responsable de facilitar el proceso de agregar etiquetas, establecer las reglas para la implementación de etiquetas de píxeles y realizar una edición global cada vez que se produce un cambio de código.

Si bien el Administrador de etiquetas de Google actúa como tu mano derecha en la administración de todas tus etiquetas, aún necesitas comprender las características de cada etiqueta de píxel, como conocer las funciones de Facebook para el uso efectivo de las etiquetas de Facebook, ya que determinará qué datos de comportamiento del usuario deseas extraer usando este método.

Teniendo en cuenta que la tecnología de etiquetas rastrea los datos de comportamiento, el tipo de datos que una etiqueta de píxeles podría obtener incluye, pero no se limita a:

  • Tipo de sistema operativo
  • Tipo de sitio web o correo electrónico utilizado (móvil o de escritorio)
  • Dirección IP (proveedor de servicios de Internet y ubicación)
  • Resolución de la pantalla

Según la naturaleza de los datos, no es sorprendente que Google Tag Manager sea ampliamente utilizado en marketing digital.

Como ya sabrás, los datos de comportamiento del usuario son muy valorados en marketing, ya que conocerlos te permite obtener información valiosa para ayudar a determinar la mejor campaña de marketing posible para tu marca.

Con la ayuda de la tecnología de etiquetas, no solo podrás generar ventas a largo plazo, sino que también descubrirás los cuellos de botella que puedan ocurrir dentro del proceso comercial. En consecuencia, la analítica te permite realizar hackeo de crecimiento de una manera mucho más eficiente.

Desde una perspectiva técnica, las etiquetas de píxeles te permiten rastrear mapas de calor que brindan observaciones precisas sobre cuán eficiente es tu sitio web para generar tráfico.

Los datos sirven como información valiosa para determinar qué y cómo puedes mejorar tu sitio y convertirlo en una ganancia en lugar de una responsabilidad.

A fin de cuentas, tener la capacidad de obtener datos de interacción del usuario en tan poco tiempo es ciertamente valioso para cualquier negocio que se esfuerza por tener éxito. Y la mejor parte es que tienes control total sobre el proceso de análisis.

Estos son solo algunos ejemplos de lo que puedes hacer con Google Tag Manager. En resumen, el cielo es tu único límite.

¿Cómo instalar Google Tag Manager en WordPress?

Si bien el uso del Administrador de etiquetas de Google es popular entre los especialistas en marketing digital, no es necesario ser uno para aprovechar sus funciones.

Como dijimos anteriormente, Google Tag Manager puede recopilar cualquier información de comportamiento del usuario solicitada. Siempre que tengas un sitio web y un plan claro sobre lo que vas a hacer con los datos, no dudes en utilizar el sistema como lo desees.

Ahora que tienes un alcance completo de lo que puedes lograr con el Administrador de etiquetas de Google, analicemos cómo puedes implementarlo en tu sitio web.

Ten en cuenta que este tutorial solo funcionará si estás utilizando WordPress como plataforma en un sitio propio, no en WordPress.com. A diferencia de WordPress.com, WordPress.org te permite autohospedar tu sitio, lo que te otorga acceso completo a los archivos y al código del sitio. No dudes en leer este artículo para obtener más explicaciones sobre este tema.

Si aún no te has suscrito a un proveedor de hosting web, no dudes en consultar los planes de alojamiento de Hostinger. Brindamos servicios de alojamiento web robustos con muchas ventajas por un precio muy bajo.

Una vez que todo esté configurado, puedes seguir este tutorial para el proceso de instalación del Administrador de etiquetas de Google:

1. Regístrate en el Administrador de etiquetas de Google

Para crear una nueva cuenta, puedes ir a la página web del Google Tag Manager aquí y hacer clic en Iniciar de forma gratuita en la esquina superior derecha de la página.

El sistema te pedirá que inicies sesión en tu cuenta de Gmail. Si esta cuenta administra las etiquetas de tu empresa, te sugerimos que uses el correo electrónico de la empresa en lugar de tu correo electrónico personal.

En la página Agregar una cuenta nueva, completa los campos con los datos correctos. La opción Contenedor sigue el tipo de dispositivo en el que opera tu sitio web. Como estamos usando WordPress, vamos con la opción Web.

Página de registro del Administrador de etiquetas de Google

Una vez que hayas terminado, haz clic en Crear. A continuación, la página web mostrará los términos de servicio de Google Tag Manager. Acéptalos marcando la casilla del acuerdo y luego haz clic en .

2. Obtén el código

Por ahora, deberías poder ver tu Panel de control de Tag Manager. También aparecerá una ventana emergente en la pantalla, que contiene dos conjuntos diferentes de código HTML como se muestra a continuación.

Códigos de seguimiento del Administrador de etiquetas de Google

Son los códigos de seguimiento que debes agregar a tu sitio. El primer conjunto va en tu sección <head> mientras que el segundo va después de la etiqueta <body> de apertura.

Deja la ventana emergente abierta por ahora, ya que la necesitarás en los siguientes pasos.

3. Inicia sesión en tu Panel de WordPress

Ve a tu Panel de WordPress para agregar el código de seguimiento a tu sitio.

Para realizar cambios en el código del sitio web, deberás tener acceso administrativo.

4. Vaya a Apariencia -> Editor

Navega a la sección Editor dentro del área Apariencia. Si no ves la opción Editor significa que no tienes el acceso administrativo necesario para realizar cambios.

En la página Editor, verás una lista de archivos de plantilla en el lado derecho de la página. Haz clic en el título header.php para agregar el código de seguimiento.

En la mayoría de los casos, puedes agregar el código de seguimiento a la sección de encabezado y cuerpo del archivo header.php. Sin embargo, ciertos temas no permiten esta acción ni usan un nombre diferente para el archivo.

Por lo tanto, debes familiarizarte con los archivos de plantilla del tema responsables de generar encabezados y navegación en tu sitio.

Una vez que abras el archivo header.php, agrega el primer código de seguimiento a la sección de encabezado, específicamente en la parte superior del elemento <head>.

<head>
<!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WHWQMKM');</script><!-- End Google Tag Manager →
<!-- Other code follows after the tracking code -->
</head>

Del mismo modo, agrega el segundo código de seguimiento a la sección del encabezado, específicamente en la parte superior del elemento <body>.

<body>
<!-- Google Tag Manager (noscript) →<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WHWQMKM"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) →
<!-- Other code follows after the tracking code -->
</body>

Guarda los cambios una vez que hayas terminado.

Debido a la naturaleza de los archivos de plantilla del tema, debes tener cuidado al realizar cambios en el archivo header.php.

Si no lo haces correctamente, podrías dañar el tema y el código de seguimiento funcionará incorrectamente.

Dicho esto, es mejor hacer una copia del código del archivo antes de hacer cualquier cambio. De esa manera, si las cosas van mal, siempre puedes restaurar el código original.

Agregar etiquetas de seguimiento al Administrador de etiquetas de Google

Después de implementar con éxito el código de seguimiento en tu sitio, es hora de aprender cómo agregar etiquetas de seguimiento a tu cuenta de Google Tag Manager para poder usarlo en WordPress.

  1. Regresando al Panel de control de Google Tag Manager, haz clic en Agregar una nueva etiqueta en la sección Nueva etiqueta.

Nueva sección de etiquetas en Google Tag Manager

  1. Haz clic en la sección Configuración de etiqueta para elegir la etiqueta que deseas agregar.

Configuración de etiquetas en Google Tag Manager

Consejo profesional: según el tipo de etiqueta, es posible que debas proporcionar ciertos datos con respecto a tu ID de socio. Para hacerlo, debes saber qué requisitos específicos exige tu producto antes de este paso.

  1. No olvides configurar el disparador a través de la sección Disparo (Trigger). Este paso determina la acción que activará la carga de tu etiqueta de seguimiento.
  2. Una vez que hayas terminado, haz clic en el botón Guardar en la esquina superior derecha de la página.
  3. Cambia el nombre de la etiqueta adecuadamente, luego haz clic en Publicar.

¡Felicitaciones, ahora estás listo para usar el Google Tag Manager en WordPress!

Conclusión

Google Tag Manager es un sistema gratuito de administración de etiquetas que te permite administrar múltiples etiquetas de seguimiento simultáneamente. No solo eso, el sistema es capaz de rastrear el comportamiento del usuario y las conversiones, produciendo análisis para fines de marketing digital.

Para implementar Google Tag Manager en WordPress, debes seguir estos pasos:

  • Regístrate en el Administrador de etiquetas de Google
  • Obtén el código GTM cortado
  • Agrega el código de seguimiento a tu sección de encabezado y cuerpo de WordPress
  • Configura y publica tus etiquetas en Google Tag Manager

Fácil de usar, gratis y altamente beneficioso. ¿Increíble, verdad?

El Autor

Author

Deyimar A. / @deyimar

Deyi es una entusiasta del marketing digital, con experiencia en diseño de páginas web, creación de contenido, copywrite y SEO. Forma parte del equipo de SEO & Localization de Hostinger. En su tiempo libre, le gusta desarrollar proyectos, leer un libro o ver una buena película.

Tutoriales relacionados

Agregá un comentario

Comentario*

Nombre*

Email*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

¡Formá parte de Hostinger ahora!