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

¿Le gustaría agregar Google Tag Manager a WordPress? Google Label Manager tiene muchas ventajas para los sitios de WordPress. Le ayuda a agregar y administrar todos los scripts que usa en su sitio, por ejemplo, en lugar de tener que agregar código manual para servicios como:
Google analitico
Siguientes eventos
Google optimizar
¡Puede manejar todo a través de Google Tag Manager! Si a menudo lo encuentra agregando varios scripts a su sitio web de WordPress, Google Tag Manager será mucho más conveniente para usted y una vez que obtenga, incluso puede comenzar a usarlo para recopilar más datos que se pueden usar para informar sus esfuerzos de marketing.
En esta publicación, le mostraré paso a paso cómo instalar Google Tag Manager en su sitio de WordPress, incluido dónde agregar el código. Luego le daré una guía rápida sobre cómo puede publicar su primera etiqueta y asegurarme de que funcione. ¡Vamos a bucear! Paso 1: Regístrese en una cuenta de Google Tag Manager si aún no lo ha hecho, lo primero que debe hacer es registrarse para obtener una cuenta gratuita de Google Tag Manager. Puedes hacer esto dirigiéndote aquí. Después de registrarse, debe estar en la interfaz Agregar una nueva cuenta. Dale un nombre a la empresa:

Luego, en el contenedor de la sección de configuración, ingrese el nombre de su sitio web en el campo de contenedores de nombre y elija la web:

Después de aceptar los términos y condiciones de Google, Google debería llevarlo a la interfaz de Google Tag Manager y mostrar dos fragmentos de código. Mantenga esta ventana abierta, porque deberá agregar ambos fragmentos de código a su sitio de WordPress en la siguiente sección: Paso 2: Agregue los fragmentos de Google Tag Manager en su sitio. Esta es la única parte bastante complicada. Anteriormente, tenía que agregar solo un fragmento de código a la sección de su base, pero ahora Google Tag Manager quiere agregar dos fragmentos:

El primero va a la sección
El segundo va inmediatamente después de la etiqueta de apertura
Más allá de la edición directa del tema de su hijo, WordPress no le brinda una manera fácil de insertar código después de la etiqueta y cada tema funciona de manera un poco diferente, por lo que no puedo darle un tutorial que se aplique a todos los temas. Asi que:
Si ya se siente cómodo editando los archivos de su hijo directamente, puede hacerlo.
Si no se siente cómodo trabajando directamente con sus archivos de tema, le mostraré dos métodos diferentes que puede usar: un complemento para principiantes y un método de código simplificado.
Opción 1: Use inyecciones de cabeza, pie de página y post si está de acuerdo con dedicar un complemento de Google Tag Manager, la forma más fácil de agregar es el uso de inyecciones pesadas, pies y posteriores.
Para iniciar, instale y active este complemento gratuito. Luego, acceda a la configuración → encabezado y sótano en el tablero de WordPress para acceder a la interfaz del complemento. Ahora:
Glind El primer fragmento del código de administrador de etiquetas de Google en el cuadro ON en cada página de la sección Página, el segundo fragmento de Google Tag Manager en el cuadro de escritorio * en la sección de la etiqueta después de (no se preocupe – – El fragmento de código SE. Continuará cargándose en su dispositivo móvil. Las inyecciones de cabeza, pie de página y posterior solo permiten usar fragmentos de código separados si verifica la casilla móvil)
Debería verse así:
¡Asegúrese de guardar los cambios y ya está! Opción 2: use un fragmento de código Functions.php, permítanme decir que este método no es 100% óptimo. Funciona bien para la mayoría de los sitios, pero explicaré lo que quiero decir después de mostrarte qué hacer. Para usarlo, todo lo que tiene que hacer es agregar este fragmento de código a las funciones.php del tema del niño: add_action (‘wp_head’, ‘gtm_head_code’); Function gtm_head_code () {?> Primero_from_gtm_interface Second_script_from_gtm_interface <? Php}
Asegúrese de reemplazar los sustituyentes con fragmentos de código reales. Entonces, ¿por qué este método no es 100% óptimo? Como este método introduce el segundo fragmento de código en el sótano, en lugar de después de la etiqueta de apertura , su etiqueta puede no activar si un visitante no carga completamente su página (lo cual es raro pero posible). Esta es la razón por la cual 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 completamente bueno. Paso 3: Pruebe para asegurarse de que sus fragmentos funcionen para asegurarse de que haya instalado correctamente Google Tag Manager: vaya al verificador GA gratis

Ingrese la URL de su sitio web

Haga clic en Verifique su sitio
Vaya a la pestaña Manager de etiqueta de resultados y busque el cuadro de selección verde desde la columna del administrador de etiquetas:
Si lo ves, ¡felicidades! Ha instalado correctamente los scripts de Google Tag Manager en su sitio web de WordPress. Ahora examinaré rápidamente cómo usar Google Label Manager para crear su primera etiqueta. Paso 4: Cree su primera etiqueta después de haber agregado los fragmentos de código a su sitio, puede volver a la interfaz de Google Tag Manager y puede crear su primera etiqueta.
Una “etiqueta” es prácticamente un script específico que desea insertar en su sitio con Google Tag Manager. Para comenzar, cree una nueva etiqueta en el Administrador de etiquetas de Google Manager:
Al hacer clic en la configuración de la etiqueta, puede elegir qué tipo de etiqueta desea crear. Google incluye todo tipo de opciones preconstruidas para cosas como Google Analytics, Google Optimize y muchos servicios de terceros. Pero también puede usar HTML o etiquetas personalizadas personalizadas para insertar cualquier código del cliente: después de elegir el tipo de etiqueta, deberá configurarlo siguiendo la configuración.

Luego puede hacer clic en la sección de activación para elegir cuándo “activar” la etiqueta. El valor predeterminado es todas las páginas, pero también puede orientarse mucho más si lo desea, haciendo clic en el icono +:
Después de haber terminado de configurar las cosas, haga clic en Guardar. Paso 5: Publique su contenedor ahora, todo lo que tiene que hacer para que sus etiquetas sean en vivo es publicar su contenedor. Para esto, haga clic en el botón Enviar en la interfaz de Google Tag Manager:

Luego ingrese un nombre de versión y una descripción de la versión. Le recomendamos que los haga lo más detallados posible para ayudar a controlar las versiones más adelante. Quiero decir, explique exactamente qué etiquetas ha agregado y qué hacen.

Luego haga clic en Publicación: