Cómo configurar Google Tag Manager para WordPress

Google Label Manager es una herramienta tan poderosa que me horrorizó la falta de información cuando investigué esta publicación. Bueno, no es exactamente una “falta de información” en sí, sino la incapacidad aparente de las pocas publicaciones disponibles para explicar qué es Google Tag Manager y qué es. Si está buscando más información sobre Google Tag Manager y cómo configurar en su sitio de WordPress, no busque. Porque viniste al lugar correcto. En esta publicación presentamos:
¿Qué es Google Tag Manager?
¿Por qué necesitas usar la herramienta y
Cómo instalarlo manualmente en su sitio de WordPress o usar un complemento
Además, demostraremos Google Label Manager en acción para darle una idea de lo que puede hacer con un sistema de administración de etiquetas como ningún otro. Decimos esto porque hay una serie de otros sistemas de gestión de etiquetas, como el lanzamiento de la plataforma Tealium, Qitby y Adobe Experience, solo para mencionar algunos.
Aparte de eso, tenemos mucho que aprender, así que hundimos directamente. ¿Qué es Google Tag Manager? Google Label Manager es una gran herramienta para sus necesidades de seguimiento digital. Le permite implementar etiquetas en su sitio sin cambiar el código. Vag mucho? Para darle una imagen más clara, primero definamos una etiqueta en términos de seguimiento digital. Una etiqueta es solo una pieza de código JavaScript que agrega a su sitio, por lo que puede activar funciones activas de terceros, como análisis de tráfico, publicidad y chat en vivo, entre otros. En algunos círculos, las etiquetas también se conocen como señales web o píxeles de seguimiento. Un buen ejemplo de una etiqueta es el código de seguimiento de Google Analytics que agrega a su sitio, para que pueda rastrear el tráfico. Todo el propósito de una etiqueta es recopilar datos sobre visitantes para análisis digitales y herramientas de marketing. Empresas que proporcionan estas etiquetas, por ejemplo, Google Analytics, AdWords, Facebook, LinkedIn, etc. se conocen como proveedores de etiquetas. ¿Por qué Google Tag Manager? Tradicionalmente, la implementación de etiquetas en su sitio de WordPress significaba edición de código manual (o más bien directamente). En WordPress, eso significa editar varios archivos, como Header.php y Functions.php, entre otros.
Ahora, si continúa agregando el código JavaScript a sus archivos, ralentizará su sitio. Además, abre su sitio a vulnerabilidades de seguridad, especialmente si toma etiquetas confiables. También existe el problema de mantener el código que agrega a sus páginas, por ejemplo, deberá actualizar las etiquetas si hay cambios y esto significa profundizar en el código. Nuevamente, esto no es adecuado para principiantes. También hay suficiente espacio para errores. Sabes, estar equivocado es humano. ¿Qué hacer? Si tiene más etiquetas, puede llamar al Administrador de etiquetas de Google para rastrearlas de un solo lugar central. Algunas ventajas para llegar a casa:
Con Google Tag Manager, nunca tendrá que copiar los bloques de código en sus páginas web.
Puede migrar todas las etiquetas existentes en Google Tag Manager
Google Label Manager le brinda un solo contenedor para implementar más etiquetas y administrarlas desde un tablero intuitivo, lo que facilita todo el proceso.
Este sistema de gestión de etiquetas le permite implementar etiquetas rápidas. Por ejemplo, en lugar de copiar Google Analytics a su sitio, simplemente agregue el código de seguimiento de Google Analytics a Google Tag Manager y Viola-Google Analytics está en vivo en su sitio.
La configuración de Google Tag Manager en su sitio web de WordPress es tan fácil como A, B, C – Es fácil agregar GTM manualmente a WordPress. El uso de un complemento es aún más ligero. Elija el método que funcione para usted.
Google Label Manager lo ayuda a capturar muchos datos para sus necesidades de marketing. Datos que no puede capturar utilizando otros programas de seguimiento. Esto se traduce a través de datos en datos oportunos y precisos: el tipo de datos que significa la diferencia entre el éxito y el fracaso. Haga clic en el patrimonio y el acceso para agregar etiquetas a su sitio, porque Google Tag Manager se entrega con muchas integraciones incorporadas, como AdWords , Analytics, Google Optimize, Adulmety, Crazzy Egg, LinkedIn y Shareholic, entre otros.
Además, puede crear etiquetas ilimitadas debido al soporte HTML personalizado
Y todo lo que tiene que hacer es instalar el código de Google Tag Manager en su sitio, ya sea manualmente o mediante un complemento.
Google Label Manager “procesará” el código JavaScript para usted y proporcionará la funcionalidad de su sitio a través del contenedor. ¿Realmente tiene sentido? Espero que si. Por ejemplo, en lugar de agregar Google Analytics a su sitio, solo tiene que integrar el análisis con GTM y su trabajo está listo. Escuche, escuche: agregar etiquetas en Google Tag Manager es la cosa de los estudiantes de cuarto grado que nunca necesitará un desarrollador. Si hace un millón de funciones, se preguntará por qué Google Tag Manager es gratuito. Sí, lees bien. Es gratis. Pero también está la versión premium, con varias características y soporte las 24 horas, los 7 días de la semana. Sin embargo, tengo dudas de que necesite las funciones premium pronto, porque la versión gratuita está llena de amigos. Paquete con todas las funciones que necesita para recopilar datos como profesionales.
Por ejemplo, puede capturar incluso a los usuarios viendo videos. Además, puede ver cuánto tiempo ha visto cada usuario el video. Y esto es solo la punta del iceberg, puede recolectar muchos valores. La contraversión gratuita de Google Tag Manager no proporciona asistencia premium
Hay una curva de aprendizaje, pero nuevamente, YouTube tiene algunos videos hermosos en Google Tag Manager. Hacia el final de esta publicación, no dude en visitar algunos de los videos que recomendaremos en la sección de recursos
Esta no es una lista exhaustiva de méritos / desventajas, por lo que continuaremos. Levantemos las mangas y nos decepcionemos y nos ensuciemos.
Cómo configurar Google Tag Manager en WordPress En esta sección, instalaremos Google Tag Manager en su sitio web de WordPress:
Manualmente y
A través de un complemento
Sin otras dudas, obtengamos el trabajo. Primero, cree una cuenta de Google Tag Manager, el primer paso implica crear una cuenta gratuita de Manager de etiqueta. Esto desbloquea el famoso panel de GTM y las etiquetas (o ID de seguimiento) que necesita para integrar su herramienta con su sitio de WordPress. Vaya al sitio web de Google Tag Manager. Inicie sesión con su cuenta de Google (o cree una cuenta si aún no tiene una) como se muestra a continuación.
Será redirigido al hermoso administrador de Google Tag Manager. Luego haga clic en el enlace Crear cuenta como resaltamos en la pantalla a continuación.
En la siguiente pantalla, ingrese el nombre de su cuenta (esta podría ser su empresa), elija el país y presione el botón Continuar.
Luego ingrese su nombre de dominio en el campo Nombre del contenedor y elija Web. Después de eso, presione el botón Crear, como presentamos a continuación. Acepte las condiciones para proporcionar el servicio de Google Tag Manager y los términos de procesamiento de datos, como se muestra en la siguiente imagen.
Aparecerá la próxima ventana emergente que contenga los códigos de instalación de Google Tag Manager.

Mantenga la pestaña anterior abierta, ya que necesitará estos dos códigos para configurar manualmente Google Tag Manager en su sitio web de WordPress. Como puede ver, GTM ofrece instrucciones sobre dónde pegar los códigos, pero puede ser un desafío si usted es el principiante absoluto. No se preocupe, sin embargo, le mostraremos exactamente qué hacer en la siguiente sección. Notas importantes antes de continuar:

Realice una copia de seguridad del sitio web de backpress antes de hacer cambios en archivos temáticos

Mejor, crea un tema infantil de WordPress y edítelo en lugar del tema de los padres

Configuración manual de Google Label Manager En una nueva pestaña, inicie sesión en el tablero del administrador de WordPress y navegue por el editor Look>.

Observe, de la imagen de arriba, utilizamos un tema para niños del tema elegante gratuito de WordPress en nuestro ejemplo. También copiamos algunos archivos, p. Header.php, Footer.php, RLT.CSS y 404.php en el niño. Pegará nuestros códigos de instalación de Google Tag Manager en el archivo Header.php. Haga clic en el tema del encabezado (Header.php) en el archivo de archivo derecho para iniciar Header.php en el editor de temas.

Desde nuestra cuenta GTM, las instrucciones dicen que debe pegar el primer código alto en y el segundo código inmediatamente después de abrir la etiqueta . ¿Puedes ver las etiquetas y en el archivo Header.php? La etiqueta de WordPress podría verse un poco diferente. Por ejemplo, el nuestro se parece a <Body >. ¿Puedes verlo en la imagen de arriba? Apuesto a que lo haces, así que sigamos adelante. Copie el primer código en el Administrador de etiquetas de Google y péguelo en el elemento como se muestra en la imagen a continuación. Luego, copie el segundo código y pégalo inmediatamente después de abrir el como se muestra.
Finalmente, presione el botón de actualización del archivo en la parte inferior de la pantalla para guardar los cambios. Ahora, el administrador de etiquetas de Google está instalado en su sitio bastante fácil, ¿verdad? Pero suponga que no le gusta el código de edición y prefiere usar un complemento. Cómo agregar Google Tag Manager a WordPress a través del complemento para esta sección, utilizaremos un complemento inteligente conocido como Google Tag Manager para Duracelltomi. Está disponible en el repositorio del complemento de WordPress, lo que significa que puede instalarlo directamente desde el administrador de WordPress. Dicho esto, consigamos el trabajo. Navegue a los complementos> Agregue el menú de administración de WordPress nuevo.
Ingrese a Google Label Manager para WordPress de Duracelltomi en el campo de búsqueda y, una vez que haya encontrado el complemento, presione el botón Instalar ahora.
Después de instalar el complemento, haga clic en el botón de activación como se muestra a continuación.

Una notificación en la parte superior de la pantalla le informará que debe ingresar la ID de GTM para comenzar a usar Google Tag Manager para WordPress. Haga clic en el enlace Ingrese la ID de GTM como se muestra a continuación. Puede encontrar la ID de GTM en su cuenta de Google Tag Manager como se muestra a continuación.

Copie la ID GTM de la cuenta de Google Tag Manager y vuelva al tablero del administrador de WordPress. Vuelva a su sitio web de WordPress, pegue la ID de GTM y presione los cambios Guardar como se muestra a continuación.


¡Y eso es! Acaba de aprender a agregar Google Tag Manager a su sitio web de WordPress utilizando un complemento. Amigo amigo. Eres un estudio rápido. Ahora que puede agregar con éxito Google Label Manager a su sitio web de WordPress, déjanos probar. Para esta parte, agregaremos Google Analytics a su sitio sin copiar el código de vinculación al encabezado.php. Si ya tiene el código de Google Analytics en su sitio, primero debe eliminarlo o capturará los mismos datos dos veces. Y ciertamente no queremos esto en sus informes de marketing. Cómo agregar Google Analytics a su sitio web de WordPress utilizando Google Tag Manager Revence a Google Tag Manager y haga clic en Etiquetas en el menú de navegación izquierda.

Después de eso, presione el nuevo botón como se muestra a continuación.

En la ventana emergente que aparece, llame a la etiqueta y luego haga clic en el cuadro de configuración de la etiqueta para elegir una etiqueta (Google Analytics en nuestro caso).

Elija Google Analytics – Universal Analytics como se muestra en la siguiente imagen.

Esto te lleva de vuelta a configurar la etiqueta. Elija la vista de página en el tipo de seguimiento, porque nos gustaría informar todas las vistas de la página a Google Analytics. Consulte la imagen a continuación. En la configuración de Google Analytics, elija nueva variable. Se abre una nueva caja en la que ingresará a la ID de seguimiento de Google Analytics. Recuerde nombrar la variable como se muestra en la imagen a continuación.

Para encontrar la ID de seguimiento de Google Analytics, inicie sesión en su cuenta de Google Analytics y seleccione su cuenta para su sitio de WordPress (haga esto si tiene más propiedades web en su cuenta de Google Analytics).

Luego haga clic en Administrador y navegue por la información de seguimiento> Código de seguimiento. Debería ver su identificación de seguimiento mientras destacamos con el artículo no. 3 a continuación.

Copie el código de seguimiento y péguelo en el cuadro de configuración de variable. Luego presione el botón Guardar como se muestra a continuación.

Ahora, solo tenemos que establecer un desencadenante para la etiqueta de Google Analytics. Haga clic en el activador para elegir o crear un nuevo disparador.

Debido a que queremos seguir el tráfico en todas las páginas, podemos ir con el disparador existente (o crear uno recién personalizado. Para ahorrar tiempo, hemos elegido el disparador existente, como se muestra a continuación.

Finalmente, presione el botón Guardar. Probar su etiqueta. Su etiqueta de Google Analytics aún no está activa en su sitio, pero puede verificar si funciona presionando el botón Vista previa como ilustramos en la siguiente imagen.

Después de que el Administrador de etiquetas de Google ingrese al modo de vista previa, recargue el sitio. En la ventana de la consola de Google Tag Manager en la parte inferior de la ventana del navegador, debe ver la etiqueta activada cuando recargó el sitio. Si se conecta a su cuenta de Google Analytics y navega en tiempo real, verá la vista de la página que acaba de activar que se activó. ella por recarga el sitio.

¡Ahí está! ¿Seguramente puede verlo en la imagen de arriba? Vamos, agregué una flecha para que sea más fácil. Recuerde, no tuvimos que agregar Google Analytics (código JavaScript) directamente a nuestro sitio para capturar todos los informes de datos que tienen lugar en Google Tag Manager. Lo mismo se aplica a todas las etiquetas que agrega a través de Google Tag Manager: ¿nunca agregará ningún código en su sitio qué agradable? Pero nuestra etiqueta de Google Analytics está activa solo para nosotros, no para los usuarios que tenemos la intención de seguir. Para activar la etiqueta en el sitio e iniciar registro de datos reales, simplemente presione el botón Enviar como se muestra a continuación.

Esto iniciará una ventana emergente que le permite nombrar su versión y agregar una descripción. Vea la imagen a continuación.

Finalmente, presione el botón de publicación como se muestra en la imagen de arriba. Al final, Google Analytics Live debería verse así:

Damas y caballeros, esta es la forma en que accede al poder del Google Label Manager. Puede agregar un millón y etiquetar de manera similar, y su sitio no tendrá que contener todo el código. Le insto a que explore Google Tag Manager para averiguar cuánto puede obtener con esta herramienta. Entre tú y yo, me venden y, como habrás notado. Esta es la primera vez que instalé el trabajo en mi blog en vivo. Voy a usar Google Tag Manager en mis otros blogs. Los recursos adicionales esperan que nuestro tutorial indique en la dirección correcta con respecto a la comprensión e implementación de Google Tag Manager en su sitio web de WordPress. Si desea obtener más información, aquí hay algunos recursos adicionales (lo prometí, ¿no?) Para su placer de ver.

Asistencia de Google Tag Manager

Concluimos que nuestra guía sobre Google Tag Manager para WordPress, Google Tag Manager, es una herramienta poderosa que le coloca mucha potencia en sus manos en la administración de etiquetas y la recopilación de datos recopilables. Puede configurar la herramienta de manera fácil y rápida, lo que significa que tiene más tiempo para planificar cómo utilizará todos los datos que recopila. Recopilar datos a tiempo también es excelente. Entonces, ¿por qué no intentarlo? ¿Tiene pensamientos o preguntas sobre Google Tag Manager? Aprendamos juntos. Comparta sus opiniones en la sección de comentarios a continuación. ¡Buena suerte y feliz minería de datos!