Cómo agregar Google Tag Manager a tu sitio de WordPress

Probablemente hayas oído hablar de Google Tag Manager, abreviado como GTM, una herramienta que gestiona eficientemente las características que añades a tu sitio web, basándose en tus conocimientos básicos de programación y sin necesidad de recurrir al desarrollador del sitio. A través de ella puedes medir el rendimiento de tu sitio web y evaluar el éxito de tus campañas de marketing, rastrear tus productos y estudiar el comportamiento de usuarios objetivo y potenciales. Por supuesto, Google puede hacer todo esto. No es nuevo de Google ofrecer una única herramienta para muchas tareas que simplifican tu trabajo. Entonces, ¿qué es GTM?, ¿cuáles son sus usos?, ¿quiénes se benefician de él? y ¿cómo podemos añadirlo a tu sitio en WordPress? Responderemos a estas preguntas progresivamente en este artículo.

Una visión completa de Google Tag Manager. Para entrar en el tema, Google Tag Manager es el gestor de etiquetas de Google. ¿Qué son estas etiquetas en primer lugar?

Las etiquetas o Tags son fragmentos de código de programación que se incluyen en el texto de código completo de tu sitio web y cumplen una función específica, como rastrear un anuncio o analizar el comportamiento de los usuarios mientras naveguen por el sitio, entre otras muchas funciones que cualquier propietario de sitio web necesita, independientemente de su tipo, incluso si solo tienes un blog. Estas etiquetas se añaden manualmente, escritas por el desarrollador especializado para cada página del sitio web, lo que le cuesta tiempo y esfuerzo al implementar la etiqueta y verificarla. Pueden entrar en conflicto con otras, lo que requiere cambiar su ubicación, y hay muchas otras dificultades que enfrenta el desarrollador en su trabajo. Sin un sistema que gestione el proceso de añadir etiquetas y actualizarlas continuamente, e implementar las descargas de nuevas extensiones, podrías enfrentar algunos desafíos técnicos que podrías superar con soluciones fáciles, como ralentizar tu sitio web, y el proceso tomaría mucho tiempo, lo que te hace perder tiempo en responder a tus clientes y seguidores, y por lo tanto, perderlos.

Definición de GTM. GTM resuelve el problema de la gestión de etiquetas. Es una herramienta de seguimiento gratuita cuya función principal es gestionar las etiquetas en tu sitio web y colocarlas en un solo archivo sin necesidad del desarrollador del sitio, además de estudiar el comportamiento de los usuarios. Puedes hacer esto a través de la interfaz de usuario de la herramienta y también obtener información de marketing que te ayude a hacer crecer tu sitio web más rápido de lo que imaginas. Hay otros sistemas que cumplen el mismo rol, pero hay características que distinguen a GTM de Google. Se recomienda usarlo en lugar de otros, y hay varias razones, siendo la más importante la facilidad de uso a través de una interfaz amigable que cualquiera puede usar sin necesidad de experiencia técnica o de programación. Google también proporciona garantías para el proceso de actualización y mejora, que se realiza a través de la interfaz de usuario en lugar de editar cada página individualmente. Además de la posibilidad de revisar la etiqueta antes de publicarla para asegurar que funcione correctamente y resolver cualquier error, te permite gestionar versiones de tu sitio antes y después de la actualización o cuando añades nuevas etiquetas, para que puedas revertir a la versión anterior si la versión actual no te conviene. Los beneficios no se limitan a esto, ya que puedes establecer permisos para los usuarios individuales que pueden añadir nuevas etiquetas.

La importancia de añadir GTM a tu sitio en WordPress. ¿Puedes adivinar los beneficios de añadir GTM a tu sitio en WordPress? No creo que necesite una explicación detallada. La herramienta te permite añadir tantas etiquetas como desees para diferentes tareas y funciones, con una gestión organizada sin la preocupación de escribir código, corregir errores o conflictos. Aquí hay una lista que detalla los beneficios de GTM para tu sitio en WordPress: Aumenta la velocidad de carga de tu sitio web, porque reúne fragmentos de código dispersos en un solo archivo, lo que facilita su manejo y reduce la probabilidad de conflictos. Facilita el trabajo del desarrollador de tu sitio web, ya que reduce la escritura y corrección de código.

Rastrea los formularios que publicas y se asegura de que lleguen a tu audiencia objetivo. La toma de decisiones es más fácil y flexible gracias a la disponibilidad de información más amplia y precisa. Rastrea las interacciones con los vídeos que publicas y proporciona análisis completos, como: en qué minuto los espectadores pausaron el vídeo y hasta dónde lo vieron, lo que mejorará la producción de vídeos futuros.

Analiza cómo las personas interactúan con un enlace que publicas en tu sitio web o en redes sociales, para proporcionar información sobre las personas más interesadas y dónde encontraron el vídeo, etc. Los beneficiarios de GTM. Podría parecer que es una herramienta que solo beneficia a los propietarios de tiendas en línea, con la información de marketing valiosa que proporciona, pero eso no es correcto. Si tu sitio web es para una iniciativa benéfica y deseas llegar a las personas más rápidamente, la herramienta GTM te ofrecerá mucho.

Por ejemplo, si tienes un blog y deseas medir el éxito de tus escritos y su difusión entre las personas y cómo interactúan con ellos, también es una excelente solución para ti. Si eres dueño de una empresa y deseas apoyar tu sitio con análisis precisos sobre cómo las personas interactúan con tus vídeos de marketing o imágenes, entonces GTM es esencial para ti. Asimismo, si deseas algo más que rastrear, como aumentar la velocidad de tu sitio web, puedes hacerlo, y estos son solo ejemplos de quiénes pueden beneficiarse de GTM. Si no abordé una función que ayude directamente al crecimiento de tu sitio, encontrarás varios beneficios si investigas por ti mismo.

Y ahora pasaremos a la parte práctica después de mucha teoría. ¿Cómo puede GTM hacer todo esto y cómo instalarlo en tu sitio en WordPress? Añadir GTM a tu sitio en WordPress en la práctica. En primer lugar, necesitas tener una cuenta en Google Tag Manager y puedes crear la cuenta a través de este enlace. Cuando hagas clic en "Comenzar de forma gratuita", te llevará a una página para crear una nueva cuenta. Comienzas completando los campos según corresponda a tu sitio web. Das un nombre y la URL de tu sitio web, y tienes la opción de permitir que Google acceda directamente a tus datos personales y a los de tu sitio web, o guardarlos como datos anónimos. Por supuesto, es preferible guardar los datos de forma anónima para que no todos tus datos estén disponibles para Google. Esta opción no afecta al funcionamiento de GTM en ambos casos.

Ingresa la URL de tu sitio web y luego selecciona la plataforma en la que trabajas, ya sea en computadoras de escritorio, dispositivos móviles Android e iPhone, o en páginas móviles aceleradas (AMP) o en un servidor. Luego, haz clic en "Crear" al final de la página. Entonces se abrirá una página con los términos de servicio. Léela con cuidado y luego acepta haciendo clic en la casilla en la parte inferior de la pantalla y luego en "Sí" en la esquina superior derecha de la pantalla.

Esperarás unos momentos y se abrirá una ventana (espacio de trabajo), y aparecerá un mensaje titulado "Descargar GTM", donde se mostrarán dos fragmentos de código que deberás copiar a tu sitio web. No cierres esta ventana. Ahora nos dirigiremos a tu sitio en WordPress, donde pegaremos estos fragmentos de código para completar la vinculación entre GTM y tu sitio web. Se recomienda que un desarrollador del sitio realice esta tarea y no alguien con conocimientos técnicos limitados. Hay tres formas de añadir GTM a tu sitio de WordPress:

Añadir GTM a través de extensiones

Este es el método más fácil, utilizando una extensión específica como "Head, Footer and Post Injection" que puedes instalar como cualquier otra extensión buscándola, descargándola y activándola. Después de activarla, aparecerá en la sección de configuración en las últimas opciones. Haz clic en ella para ver la configuración de la extensión, que muestra las secciones "Head" y "Body" de la siguiente manera:

Ahora volvemos a la página de GTM para obtener los fragmentos de código que nos mostró. Copiaremos el fragmento número 1 y lo pegaremos en la sección "Head", y copiaremos el segundo y lo pegaremos en la sección "Body". Dejaremos el campo "Before Body Tag" vacío y luego haremos clic en "Guardar" para guardar la configuración. De esta forma, habrás cargado y activado GTM en tu sitio. También hay otras extensiones que puedes descargar, como "GTM for WordPress", pero puede ser menos simple que la anterior. La buscaremos en las extensiones, la instalaremos haciendo clic en "Instalar" que aparece a la izquierda de la extensión, y luego la activaremos haciendo clic en el botón "Activar" que aparece en lugar de "Instalar".

Después de la activación, nos dirigiremos a la página de GTM y haremos clic en la ventana "Admin" en el lado izquierdo de la pantalla. Al abrir la ventana de administración, encontrarás una serie de letras y números en la esquina superior derecha de la pantalla, lo que se conoce como el ID de GTM. Lo copiaremos para pegarlo en la configuración de la extensión: Volvemos a WordPress en la configuración de la extensión "GTM for WordPress" y pegamos el ID anterior en el campo de ID que aparece ante nosotros. Hay más de un lugar para el código de programación, ya sea en el pie de página, lo que no es recomendado por Google como verás, o en una ubicación que tú definas, lo que puede requerir modificaciones en tu tema. O incluso mediante inyección sin encriptar, que es experimental y puede afectar la interfaz frontal, por lo que tampoco se recomienda. La última opción es deshabilitar la modulación. Seleccionaremos "Personalizado" (Custom), que requerirá modificaciones en tu tema e inyectar el siguiente código en la etiqueta Body: Aparecerá un mensaje de confirmación guardando la configuración en la parte superior de la página: Aún en WordPress, nos dirigiremos a la página de "Apariencia" a través del menú negro en el lado derecho de la pantalla. Luego hacemos clic en "Editor de temas", y luego hacemos clic en el encabezado del tema (header.PHP) como se muestra en la imagen.

Buscaremos la etiqueta Body que se indica con el número 1 en la siguiente imagen ilustrativa, y pegaremos el código mencionado anteriormente directamente debajo de él como se indica con el número 2. Finalmente, actualizaremos el archivo: Aparecerá un mensaje de confirmación guardando el archivo exitosamente en la parte inferior de la pantalla para confirmar que la operación fue correcta. Puedes actualizar la página o salir de ella y volver para confirmar que esta línea añadida está dentro del encabezado del tema. Deberás verificar periódicamente que esta línea esté presente para confirmar que GTM está activo en tu sitio web. Si no está presente, deberás copiarlo y pegarlo nuevamente: Vuelve a la configuración de la extensión y guarda los cambios como lo hiciste antes para confirmar que la operación se completó correctamente. 2.

Añadir GTM manualmente sin usar

extensiones. Este es el método manual sin usar extensiones y también es fácil, simple y directo, y puede ser similar a los métodos anteriores. Nos dirigiremos a la página de Google Tag Manager, a la página de administración, y luego haremos clic en "Instalar GTM". Esto nos llevará a la página con los fragmentos de código para "Head" y "Body" que copiaremos a tu sitio en WordPress. Copia el primer fragmento y luego ve a la página de WordPress en "Apariencia", luego "Editor de temas", y luego haz clic en "Encabezado del tema" y busca la etiqueta "Head" y pega el fragmento directamente debajo de ella. Luego vuelve a GTM y copia el fragmento de "Body", luego dirígete a la misma página en tu sitio y busca la etiqueta "Body" y pega el fragmento directamente debajo de ella, como se muestra en la siguiente imagen: Con el último paso, que es "Actualizar archivo", habrás terminado de aprender tres formas de vincular GTM con tu sitio en WordPress.

Verificar que GTM funcione. Para verificar ahora si GTM funciona realmente en tu sitio, nos dirigiremos a este enlace, que es un verificador gratuito que examina varios aspectos de tu sitio web, y lo que nos interesa en este caso es GTM. Ingresa la URL de tu sitio web y luego haz clic en la columna de "Tag Manager". Si funciona, aparecerá una marca de verificación debajo de la columna. Si no, aparecerá una marca de error. Esperamos que tu columna esté llena de marcas de verificación, por supuesto. Después de la descarga y activación, y de verificar que el proceso funciona correctamente, intentemos añadir una etiqueta a tu sitio. Iremos a la página de trabajo en GTM y en el lado izquierdo de la pantalla veremos una opción para añadir una nueva etiqueta.

Al hacer clic en ella, aparecerá una ventana para crear la configuración de la etiqueta. Elige el tipo de etiqueta que deseas descargar. Google te mostrará una serie de opciones predefinidas entre las cuales puedes elegir según tus necesidades. Con esto terminamos una explicación completa sobre GTM y aprendimos las formas de añadirlo a sitios de WordPress. Estas son formas independientes entre sí. Si deseas seguir una, simplemente sigue sus pasos específicos. Google siempre nos sorprende con herramientas que facilitan nuestro trabajo en línea, así que no pierdas la oportunidad de buscar nuevas ganancias y aprovechar estos recursos útiles y maravillosos para hacer crecer tu sitio web.