Cómo agregar Google Tag Manager a WordPress y crear su primera etiqueta

Cómo agregar Google Tag Manager a WordPress y crear su primera etiqueta

¿Quieres agregar Google Tag Manager a WordPress?

Google Tag Manager tiene muchas ventajas para los sitios de WordPress. Le ayuda a agregar y administrar todos los diferentes scripts que está utilizando en su sitio. Por ejemplo, en lugar de tener que agregar código manualmente para servicios como los siguientes:

  • Google analitico
  • Seguimiento de eventos
  • Google Optimize

¡Puede administrar todo fácilmente a través del Administrador de etiquetas de Google!

Si a menudo agrega varios scripts a su sitio de WordPress, el Administrador de etiquetas de Google será mucho más conveniente para usted. Y una vez que lo domine, incluso puede usarlo para recopilar más datos procesables para ayudar en sus esfuerzos de marketing.

En esta publicación, le mostraré paso a paso cómo instalar Google Tag Manager en su sitio de WordPress y dónde agregar el código.

Luego, te daré una guía rápida sobre cómo publicar tu primer día y asegurarme de que funcione.

¡Vamos a sumergirnos!

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

Si aún no lo ha hecho, primero deberá registrarse para obtener una cuenta gratuita de Google Tag Manager.

Puede hacerlo haciendo clic aquí.

Una vez que haya iniciado sesión, debería estar en el Agregar nueva cuenta Interfaz. Dale un nombre a tu empresa:

registrarse para gtm

Entonces soy Configurar contenedor Pon el nombre de tu sitio web en el Nombre del contenedor Campo y elija red:

Configurar contenedor

Una vez que haya aceptado las Condiciones de servicio de Google, Google debería llevarlo a la interfaz de Google Tag Manager y mostrarle dos fragmentos de código. Mantenga esta ventana abierta ya que deberá agregar estos dos fragmentos de código a su sitio de WordPress en la siguiente sección:

Fragmentos de código de Google Tag Manager

Paso 2: agregue fragmentos de código de Google Tag Manager a su sitio web

esto es eso uno Parte que es un poco difícil. Anteriormente, todo lo que tenía que hacer era agregar un fragmento de código a su tema. Sección, pero ahora Google Tag Manager quiere que agregue dos fragmentos:

  • El primero entra en el tuyo sección
  • El segundo va justo después de la apertura. etiqueta

Además de editar el tema de su hijo directamente, WordPress no le ofrece una manera fácil de insertar código. para la La etiqueta y cada tema funcionan de manera un poco diferente, por lo que no puedo darte un tutorial que se aplique a todos los temas.

Entonces:

  • Si ya se siente cómodo editando los archivos de su tema hijo directamente, puedes hacer eso.
  • Si no se siente cómodo trabajando directamente con los archivos de su temaLe mostraré dos métodos diferentes que puede usar: un complemento amigable para principiantes y un método de código simplificado.

Opción 1: use inyecciones de encabezado, pie de página y publicaciones

Si desea asignar un complemento a Google Tag Manager, la forma más fácil de agregarlo es con el complemento gratuito Head, Footer y Post Injections.

Para comenzar, instale y active este complemento gratuito. Luego ve a Configuración → Encabezado y pie de página en su panel de WordPress para acceder a la interfaz del complemento.

Ahora:

  • Añade el primero Fragmento de código de Google Tag Manager en el EN CADA LADO Caja en el INYECCIÓN DE LA SECCIÓN LATERAL sección
  • Añade el segundo Fragmento de código de Google Tag Manager en el ESCRITORIO * Caja en el DESPUÉS DE ESTE ETIQUETA Sección (No se preocupe, el fragmento de código se seguirá cargando en el teléfono. Las inyecciones de encabezado, pie de página y publicaciones solo permiten utilizar fragmentos de código separados si marca la casilla del teléfono celular)

Debe tener un aspecto como este:

Cómo agregar Google Tag Manager a WordPress: ¿dónde se pega el código?

¡Asegúrate de guardar tus cambios y listo!

Opción 2: use un fragmento de código Functions.php

Déjame guiarte diciendo que este método es técnicamente no es 100% óptimo. Funciona bien para la mayoría de los sitios web, pero explicaré lo que quiero decir después de mostrarte qué hacer.

Para usarlo, todo lo que necesita hacer es agregar este fragmento de código al suyo Temas para niñosFeatures.php Archivo:

add_action('wp_head', 'gtm_head_code');
Function gtm_head_code(){
?>
FIRST_SCRIPT_FROM_GTM_INTERFACE
<?php
}
add_action('wp_footer', 'gtm_body_code');
Function 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.

¿Por qué este método no es 100% óptimo?

Porque este método coloca el segundo fragmento de código en el pie de página y no después de abrirlo día, tu día Poder no dispares cuando un visitante no carga completamente su página (lo cual es raro, pero posible). Es por eso que Google recomienda agregarlo lo más arriba posible en el código de su sitio web.

¿Pero para la mayoría de los sitios web? Este método está perfectamente bien.

Paso 3: prueba para asegurarte de que tus fragmentos funcionan

A continuación, le indicamos cómo asegurarse de haber instalado Google Tag Manager correctamente:

  • Ir a la herramienta gratuita GA Checker
  • Ingrese la URL de su sitio web
  • hacer clic Revisa tu sitio web

Ir a Administrador de etiquetas Pestaña Resultados y busque la casilla de verificación verde en el Administrador de etiquetas Pilar:

Prueba el administrador de etiquetas

Cuando lo veas, ¡felicitaciones! Ha instalado correctamente los scripts de Google Tag Manager en su sitio de WordPress.

Ahora, veré rápidamente cómo usar Google Tag Manager para crear su primera etiqueta.

Paso 4: crea tu primer día

Una vez que haya agregado los fragmentos de código a su sitio web, puede volver a la interfaz del Administrador de etiquetas de Google y crear su primera etiqueta.

Una «etiqueta» es básicamente una secuencia de comandos específica que desea insertar en su sitio web mediante el Administrador de etiquetas de Google.

Primero, crea un Nuevo día en su panel de Google Tag Manager:

Crear etiqueta

Haciendo clic en Configuración de etiquetas, puede elegir qué tipo de etiqueta crear. Google viene con todo tipo de opciones listas para usar para cosas como Google Analytics, Google Optimize y muchos servicios de terceros.

Pero también puedes usar el Código HTML personalizado o Imagen personalizada Etiquetas para insertar ninguna código del lado del cliente:

Seleccionar tipo de etiqueta

Una vez que elija su. han decidido Tipo de etiqueta, debe configurarlo de acuerdo con la configuración.

Entonces puedes hacer clic en eso Desencadenar Sección para elegir cuándo «disparar» su etiqueta.

El valor predeterminado es Todos los sitios, pero también puede obtener una orientación mucho más específica si lo desea haciendo clic en ese + Símbolo:

deducción

Cuando haya terminado con la configuración, haga clic en Guardar en la computadora.

Paso 5: publique su contenedor

Ahora todo lo que tiene que hacer es publicar su contenedor para que sus etiquetas estén activas.

Para hacer esto, haga clic en el ENTREGAR Botón en la interfaz de usuario de Google Tag Manager:

Entregar

Luego escriba a. en Nombre de la versión y Descripción de la versión. Recomiendo hacerlos lo más detallados posible para ayudar con el control de versiones más adelante. Así que explique exactamente qué etiquetas agregó y lo que hacen.

Luego haga clic en PUBLICAR:

Publicar contenedor

¡Y eso es! Acabas de publicar tu primer día.

Cómo probar si se activan etiquetas individuales

Si desea asegurarse de que se activen las etiquetas individuales en su contenedor, Google ofrece una extensión de navegador gratuita para Chrome llamada Asistente de etiquetas.

Recursos que lo ayudarán a convertirse en un profesional de Google Tag Manager

En este punto, ha agregado con éxito Google Tag Manager a WordPress. Pero Google Tag Manager tiene una funcionalidad bastante profunda y explicar la gran cantidad de opciones de interfaz está más allá del alcance de este artículo.

Ahora que ha instalado Google Tag Manager, puede aprender mucho más sobre la interfaz en este artículo de Moz.

Para obtener más información sobre algunas de las etiquetas que puede implementar en Google Tag Manager, consulte nuestras publicaciones sobre Google Analytics y WooCommerce Google Analytics Goals.

¡Si te ha gustado no dudes en compartirlo!

Deja un comentario

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad