Instalar Google Tag Manager en WordPress

Instalar Google Tag Manager en WordPress
5 (100%) 1 vote

Deseas añadir Google Tag Manager a WordPress?

Google Tag Manager tiene un montón de beneficios para los sitios de WordPress. Le ayuda a agregar y administrar todos los diversos scripts que utiliza en su sitio. Por ejemplo, en lugar de tener que añadir manualmente código para servicios como:

  • Google Analytics
  • Seguimiento de eventos
  • Google Optimize

Puedes administrarlo todo a través de Google Tag Manager!

Si te encuentras a menudo añadiendo varios scripts a tu sitio de WordPress, Google Tag Manager va a ser mucho más conveniente para ti. Y una vez que lo domine, puede incluso empezar a utilizarlo para recopilar más datos procesables para informar sus esfuerzos de marketing.

En este post, te mostraré paso a paso cómo instalar Google Tag Manager en tu sitio de WordPress, incluyendo dónde añadir el código.

Entonces, te daré una guía rápida de cómo puedes publicar tu primera etiqueta y asegurarte de que funciona.

¡Vamos allá!

Google Tag Manager Tutorial: Instalar en WordPress

Paso 1: Regístrese para obtener una cuenta de Google Tag Manager

Si aún no lo has hecho, lo primero que tienes que hacer es registrarte para obtener una cuenta gratuita de Google Tag Manager.

Puede hacerlo al encabezar aquí .

Una vez que se registre, debe estar en la interfaz Agregar una nueva cuenta . Ponga un nombre a su empresa:

Luego, en la sección

Setup Container, introduzca el nombre de su sitio web en el campo Container name y elija Web:

Una vez que acepte las Condiciones de servicio de Google, Google debería llevarle a la interfaz del Administrador de etiquetas de Google y mostrarle dos fragmentos de código. Mantenga esta ventana abierta porque necesitará agregar ambos fragmentos de código a su sitio de WordPress en la siguiente sección :

Paso 2: Añadir fragmentos de código del Administrador de Etiquetas de Google a su sitio web

Esta es la parte una que es un poco complicada. Anteriormente, sólo tenías que añadir un fragmento de código a la sección de tu tema, pero ahora Google Tag Manager quiere que añadas dos fragmentos:

  • The first one goes in your <head> section
  • La segunda va justo después de la apertura <body> tag

Más allá de editar directamente tu child theme, WordPress no te da una manera fácil de insertar el código after la etiqueta <body> y cada tema funciona un poco diferente, así que no puedo darte un tutorial que se aplique a todos los temas.

  • Si ya se siente cómodo editando los archivos del tema de su hijo directamente , puede hacerlo.
  • Si no te sientes cómodo trabajando directamente con los archivos de tu tema, te mostraré dos métodos diferentes que puedes usar: un plugin para principiantes y un método de código simplificado.

Opción 1: Usar inyecciones de cabeza, pie de página y posteriores

Si te parece bien dedicar un plugin al Google Tag Manager, la forma más sencilla de añadirlo es utilizando el plugin gratuito Head, Footer and Post Injections plugin.

Para empezar, instale y active este plugin gratuito. Luego, vaya a Configuración → Encabezado y Pie de página en su tablero de WordPress para acceder a la interfaz del plugin.

Ahora:

  • Pegue el fragmento de código first Google Tag Manager en la casilla ON EVERY PAGE en la casilla <HEAD> sección PAGE SECTION INJECTION
  • Pegue el fragmento de código segundo Google Tag Manager en la casilla DESKTOP* de la sección AFTER THE <BODY> TAG section (no se preocupe – el fragmento de código seguirá cargándose en el móvil. Las inyecciones de cabeza, pie de página y posteriores permiten utilizar fragmentos de código separados si marca la casilla móvil )

Debería tener el siguiente aspecto:

Asegúrate de guardar los cambios y ya está todo hecho!

Opción 2: Use A Functions.php Code Snippet

Permítanme decir que este método es técnicamente no 100% óptimo. Funciona bien para la mayoría de los sitios, pero le explicaré lo que quiero decir después de mostrarle qué hacer.

Para usarlo, todo lo que necesitas hacer es añadir este fragmento de código a tu tema del niñofuntions.php archivo:

add_action('wp_head', 'gtm_head_code');
Función gtm_head_code(){
?
FIRST_SCRIPT_FROM_GTM_INTERFACE
<?php
}
add_action('wp_footer', 'gtm_body_code');
Función gtm_body_code(){
?
SECOND_SCRIPT_FROM_GTM_INTERFACE
<?php
}

Asegúrese de reemplazar los marcadores de posición con los fragmentos de código reales.

Así que, ¿por qué este método no es 100% óptimo?
Debido a que este método pone el segundo fragmento de código en el pie de página, en lugar de después de la apertura de la etiqueta <body>, su etiqueta might not fire si un visitante no carga completamente su página (lo cual es raro, pero posible). Esa es la razón por la que Google recomienda que lo agregue lo más alto posible en el código de su sitio.

¿Pero para la mayoría de los sitios? Este método es totalmente fino.

Paso 3: Pruebe para asegurarse de que sus fragmentos están funcionando

Para asegurarse de que ha instalado correctamente Google Tag Manager:

  • Ir al libre GA Checker tool
  • Introduzca la URL de su sitio web
  • Click Compruebe su sitio

Ir a la pestaña Tag Manager de los resultados y buscar la casilla verde en la columna Tag Manager column:

Si lo ves – ¡enhorabuena! Usted instaló correctamente los scripts de Google Tag Manager en su sitio WordPress.

Ahora, voy a repasar rápidamente cómo usar Google Tag Manager para crear tu primera etiqueta.

Haciendo clic en Configuración de etiquetas, puede elegir el tipo de etiqueta que desea crear. Google incluye todo tipo de opciones predefinidas para cosas como Google Analytics, Google Optimize y muchos servicios de terceros.

Pero también puede usar los tags

Custom HTML o custom Image para insertar any client-side code:

Una vez que elija su Tag Type, tendrá que configurarlo siguiendo los ajustes.

Luego, puede hacer clic en la sección Triggering para elegir cuándo “disparar” su etiqueta.

El valor predeterminado es Todas las páginas , pero también puede ser mucho más específico si lo desea haciendo clic en el botón + icon:

Una vez que termine de configurar las cosas, haga clic en Save.

Paso 5: Publique su contenedor

Ahora, todo lo que necesita hacer para que sus etiquetas estén activas es publicar su Contenedor.

Para ello, haga clic en el botón SUBMIT de la interfaz de Google Tag Manager:

Luego, introduzca un Version Name y Version Description. Le recomiendo que los haga lo más detallados posible para ayudar con el control de versiones más adelante. Es decir, explique exactamente qué etiquetas ha añadido y qué hacen.

Luego, haga clic en PUBLISH:

Y eso es todo! Acabas de publicar tu primera etiqueta.

Cómo probar si las marcas individuales están disparando

Si quieres asegurarte de que las etiquetas individuales de tu contenedor se disparan, Google ofrece una extensión de navegador gratuita para Chrome llamada Asistente de etiquetas

Recursos para ayudarle a convertirse en un Google Tag Manager Pro

En este punto, has añadido con éxito Google Tag Manager a WordPress. Pero Google Tag Manager es bastante profundo en funcionalidad y explicar el gran número de opciones de interfaz va más allá del alcance de este post.