Google Tag Manager – Guía completa para WordPress

Aprenda los elementos básicos de Google Label Manager, cómo registrarse y agregar Google Label Manager a su sitio de WordPress y usar un complemento de WordPress de Google Tag Manager. Además, aprenda cómo instalar la etiqueta de Google Analytics en el Administrador de etiquetas y pruebe si todo funciona en esta guía completa de WordPress.
¡Agregar fragmentos de código a su blog o sitio de WordPress es un verdadero dolor! Debe continuar editando archivos de plantilla para agregar diferentes fragmentos de código (etiquetas), ya sean pruebas web, píxeles publicitarios, comercio electrónico u otras etiquetas de marketing.
¿No sería más fácil agregar un solo fragmento de código a la vez y lidiar con todas estas necesidades para más etiquetas que necesita agregar o actualizar en el futuro? Puede ser un poco menos conocido por aquellos de nosotros que no somos profesionales de marketing, pero hay una herramienta bastante nueva de Google que le permite administrar todos los códigos y etiquetas que debe incluir en su sitio web. Google Tag Manager le permite agregar fácilmente todos los fragmentos de código, como Analytical, PPC, etc., en su sitio, su mejor parte es que puede agregar/eliminar o actualizar los códigos en una plataforma central, simplemente agregando etiqueta una vez en su sitio .
Los gerentes de etiquetas se están volviendo cada vez más populares, y los agentes de marketing los consideran realmente útiles. Un estudio de ecosultancia revela que el 73% de los agentes de marketing que usan un sistema de gestión de etiquetas encontraron que acelera su capacidad para llevar a cabo campañas de marketing, el 42% describe el proceso como “significativamente más rápido”. Además de la gestión de etiquetas simple, una ventaja adicional que quiero enfatizar antes de pasar a los detalles completos es que el uso de los administradores de etiquetas puede ayudarlo a mejorar significativamente el tiempo de carga de la página. Solo se desencadena cuando es necesario en una página y, debido a que asíncrono Cargas, puede ayudar a la velocidad de su página En este tutorial, lo guiaré a través de los pasos para agregar una popular herramienta de gestión de etiquetas-google Manager en el sitio su WordPress de varias maneras diferentes. En primer lugar, explicaré brevemente qué es Google Tag Manager y por qué puede ser útil invertir algo de tiempo para configurarlo para su sitio web. Luego continuaré con instrucciones detalladas para agregarlo a su sitio de WordPress y asegurarme de que esté en funcionamiento y funcione perfectamente. Puede saltar directamente a la sección Instrucciones utilizando este enlace u otras secciones de interés, utilizando contenido.
contenido
¿Qué es Google Tag Manager?
Cómo funciona Google Tag Manager
¿Por qué usar la etiqueta de Google Manager?
Configuración de su cuenta de Google Manager
Instalación de Google Tag Manager en su sitio web
Agregar el administrador de etiquetas de Google al tema de WordPress
Agregue el complemento WordPress Google Tag Man Manageriger de las etiquetas de Google para los sitios web de Genesis
Vista previa y arreglar la instalación de Google Tag Manager
Publique su contenedor de etiqueta de Google
Vista previa y solucionando las etiquetas
Pruebe la instalación de las etiquetas de Google con el asistente de etiqueta
Agregar Google Analytics a Google Tag Manager
Obtener ID de seguimiento para Google Analytics
Pasos para agregar Google Analytics al administrador de etiquetas
Más allá de los elementos básicos de agregar el administrador de la etiqueta
¿Usas Google Manager de etiquetas?
¿Qué es Google Tag Manager? El marketing se está volviendo cada vez más sofisticado. Junto con algunas otras nuevas tecnologías de marketing, una que ha sufrido un crecimiento masivo en los últimos años es el espacio de gestión de etiquetas.
Las “etiquetas” ayudan a los especialistas en marketing a recopilar datos útiles sobre el público de su sitio web y, finalmente, ayudar a los webmasters y los agentes de marketing a comprender mejor y servir a su público. Un gran sitio puede necesitar más de veinte etiquetas para implementar diferentes tecnologías de marketing. Agregar y actualizar códigos para esas etiquetas requiere mucho tiempo, y una mala implementación a menudo puede ralentizar su sitio, si no es técnico, es posible que deba esperar hasta que la persona técnica tenga tiempo para implementar las etiquetas de marketing requeridas. Esto puede retrasar su recopilación de datos y existe la posibilidad de que puedan implementarse mal, no como lo desee.
Simplemente hay tantas etiquetas que podemos necesitar agregar en nuestros sitios web, dependiendo de nuestras necesidades. Solo con Google, hay etiquetas para AdWords, DoubleClick, Google Analytics, Adsense, etc. Google Tag Manager lo ayuda a resolver estos problemas para agregar etiquetas de tecnología de marketing, lo que hace que el proceso sea rápido y fácil con una plataforma central donde puede agregar/actualizar etiquetas y controlar todo. La mejor parte de Google Tag Manager es que es completamente gratuita y le permite agregar todas las etiquetas de Google y otras etiquetas de terceros. -On en el archivo de plantilla. La forma en que Google Tag Manager funciona en Google Label Manager puede hacerlo bastante complicado, porque hay más en el lado de marketing técnico y avanzado. Así que intentaré mantenerlo bastante simple y fácil de entender para todos. Para comprender cómo funciona, el administrador de etiquetas de Google usa un fragmento de código llamado contenedor que debe agregar manualmente o utilizando un complemento en nuestro sitio.
Después de agregar el código del contenedor, deberá usar disparadores y variables para controlar cuándo y dónde se activan sus etiquetas en su sitio web. Los desencadenantes y variables actúan como reglas y condiciones que se pueden definir en la plataforma de gestión de etiquetas centrales. Google Label Manager viene con etiquetas Built -in, como Google Analytics, pero, como mencioné anteriormente, puede agregar cualquier otra etiqueta de terceros en la plataforma. Puede continuar utilizando Google Label Manager como una plataforma central para definir y continuar actualizando cuándo y dónde se deben activar ciertas etiquetas, adjuntando diferentes desencadenantes. Cómo los agentes de marketing pueden beneficiarse de ello.
Como puede ver en el video de arriba, está su lado móvil, que utiliza el SDK de Google Tag Manager para integrarse en aplicaciones. Pero aquí nos preocupa solo la parte web, porque tenemos que agregarla en los blogs y sitios de WordPress. ¿Por qué usar la etiqueta de Google Manager? Los beneficios ya deberían haber sido obvios para los problemas y soluciones discutidas anteriormente. Para reiterar, a continuación se presentan algunos beneficios importantes del uso de la etiqueta de Google Manager.
La adición más rápida y más fácil de varias etiquetas tecnológicas de marketing a través de una plataforma central (para una persona que no se finata y considere a los vendedores).
La agilidad del proceso de comercialización, sin perder el tiempo para agregar etiquetas (ya no necesita esperar a que su persona o departamento de tecnología implementen etiquetas). Información rápida para ver si las etiquetas se implementan correctamente y funcionan según sea necesario.
La posibilidad de agregar todas las etiquetas de Google y otras etiquetas de terceros
Mejora el tiempo de carga de la página activando solo las etiquetas necesarias en una página en particular
Mayor rendimiento a medida que sus códigos se ejecutan asíncronos ayudando a las páginas a cargar más rápido
Configuración de su cuenta de Google Manager Lo primero que debe hacer es configurar una cuenta en Google Tag Manager. Crear una cuenta es bastante fácil y si ha utilizado otros servicios de Google, como Google Analytics, incluso puede relacionarse con la estructura de la cuenta. Bajo el nombre de su cuenta, puede usar el nombre de la empresa y configurar el contenedor con el nombre de su sitio (donde instalará etiquetas).
Elija entre Web o iOS, Android, dependiendo de dónde desee instalar las etiquetas. Como lo agregamos al sitio web de WordPress, elegiremos la web.
Después de aceptar los términos y condiciones de Google Tag Manager, se le presentará un código que ahora debe agregar a su sitio web.
La instalación de Google Label Manager en su sitio web de Google tiene una guía de inicio fácil que puede ayudarlo a todas las implementaciones simples y complejas. Tendremos que agregar el código del Administrador de etiquetas inmediatamente después de la etiqueta de apertura desde su encabezado. https://gist.github.com/pradeepdotco/5ad04109add5f9a0306a Asegúrese de reemplazar dos instancias GTM-XXXX con la ID del contenedor si copia el código anterior. Si no ha podido copiar el código cuando se muestra por primera vez, siempre puede obtener el código para su sitio haciendo clic en GTM-XXXX justo al lado del nombre de su contenedor. Agregar el código de Google Tag Manager al tema de WordPress Si se siente cómodo con los códigos y el tema de edición, puede ingresar el archivo de encabezado del código (Header.php). No le mostraré cómo hacer esto en detalle, porque si se siente cómodo editando el código, ya sabe cómo y dónde hacer cambios. Use el tema infantil de su hijo, si es posible.
Edite el archivo de encabezado del tema (Header.php) y agregue el código anterior inmediatamente después de la etiqueta del cuerpo.
Recuerde agregar el código nuevamente cuando cambie el tema, si no usa un tema infantil.

Consulte la captura de pantalla a continuación como referencia. Completamente una copia de seguridad del archivo Header.php y siempre tenga un editor de código para realizar cualquier cambio a nivel local.

Agregue el código de complemento de WordPress Google Tag Manager Agregar un complemento es la forma más sencilla de agregar Google Tag Manager a los sitios de WordPress. Puede instalar directamente el administrador de etiquetas de Google Duracelltomi para WordPress. Google Tag Manager WordPress Instrucciones de complemento

Desde el tablero, vaya al complemento -uri> Agregar nuevo
Busque en Google Tag Manager e instale
El complemento de Google Tag Manager de DuracellTomi Después de activar el complemento, le pedirá que complete su ID de Google Tag Manager.
Copie su código de identificación de Google Tag Manager que está justo al lado del nombre del contenedor (GTM-XXXXX) en el tablero de Google Tag Manager e insértelo en la página Configuración del complemento (Configuración> Google Tag Manager).
¡Guarde los cambios y ahora debería tener instalado Google Tag Manager en su sitio web!

Pero, hay un problema con este enfoque. El complemento predeterminado es el código de Google Tag Manager en el sótano de su sitio de WordPress. Aunque esto no requiere cambiar la plantilla, no es una práctica recomendada por Google. Google recomienda colocar el código inmediatamente después de la etiqueta de apertura del cuerpo () en la plantilla. Incluso después de instalar el complemento, deberá agregar el código a continuación al archivo Header.php para una implementación correcta. Nuevamente, para recordarle, haga esto solo si se siente cómodo editando archivos de plantilla. Elija la opción personalizada de la configuración de ubicación del código del contenedor y agregue la línea de código a continuación después de la etiqueta de apertura

. https://gist.github.com/pradeepdotco/43113593ea387c5a5658 Entonces, ¿podría preguntarse por qué instala primero el complemento?
– te ayuda a agregar el código. Y, lo que es más importante, el complemento experimenta con la ubicación correcta que puede probar en la configuración de inyección de coeS, pero aún tiene la advertencia de que es una característica experimental y puede destruir su sitio. Además, tiene opciones adicionales para configurar para disparadores y variables que puede definir para sitios web de WordPress dentro del complemento. El complemento también agrega algunas opciones e integraciones potentes con complementos populares, como el formulario de contacto y WooCommerce. Google Label Manager para sitios web de Genesis Si usa Genesis Framework para su tema de WordPress, ya que este sitio web puede ser aún más fácil de agregar sin usar ningún complemento. Genesis tiene varios ganchos en los que podemos introducir directamente el fragmento de código de Google Tag Manager. Edición de la plantilla de tema de Genesis Child Si usa Genesis Framework, luego use un tema infantil. Agregaremos el código de Google Tag Manager al archivo Functions.php del tema de su hijo. Nuevamente, deberá sentirse cómodo editando los códigos/archivos con temas para agregarlos usando este método. Vaya al archivo Functions.php de su Gensis EPOC (use un programa FTP para abrir el archivo, preferiblemente en un editor de código como Atom). Use el código de Google Tag Manager de los pasos de instalación anteriores para agregarlo al código a continuación e ingrese el código final en Functions.php. https:
//gist.github.com/pradeepdotco/3517cadb8900ba385905 Instalación del complemento Genesis Hooks Si no se siente cómodo editando su código, puede usar el complemento de ganchos simples del tema Génesis de StudioPress a través del sistema de gancho. La placa le ofrece una página de Configuración que puede usar para ingresar al Administrador de etiquetas de Google al adjuntarlo al gancho de acción correcto.
Instale y active el complemento Genesis Simple Hooks
Desde el tablero, vaya a Génesis> Hooks simples

Encuentre Genesis_Before Hook que se ejecute inmediatamente después de la etiqueta de apertura del cuerpo .
Pegue el gerente de Google de Label Manager en el cuadro (consulte la captura de pantalla a continuación como referencia) y guarde los cambios.
Vista previa y corrige la instalación de Google Tag Manager Ahora que ha agregado el código de Google Tag Manager en su sitio web, puede verificar si se ha implementado correctamente y si las etiquetas se activan en su página. Publique su contenedor de etiqueta de Google lo primero que tiene que Haga que continúe y publique su contenedor (si aún no lo ha hecho). Aprenderemos cómo agregar etiquetas a nuestro contenedor después de verificar que la etiqueta del contenedor funcione correctamente.
Vista previa y solucione las etiquetas Ahora puede usar el administrador de la etiqueta Google Manager haciendo clic en el botón Vista previa.
Después de activar el modo de vista previa, puede solucionar la versión visitando directamente su sitio web. Debería ver una barra de Google Tag Manager en su sitio web cuando esté en modo de vista previa de Google Tag Manager.

Esto puede ayudarlo a verificar y verificar si hay problemas antes de publicar sus etiquetas. Pruebe la instalación de Google Tag Assistant Google tiene otra herramienta llamada Google Tag Assistant que nos ayuda a verificar si las etiquetas se instalan correctamente en la página. Deberá instalar la extensión de Chrome Tag Assistant (de Google). Mire el video oficial a continuación para ver cómo funciona en detalles. Prácticamente, una vez que instale la extensión de Chrome, podrá ver si el código de Google Tag Manager activa en su página. El icono del Asistente de etiqueta se volverá verde y lo mostrará El número de etiquetas implementadas en la página. Debería ver un icono de asistente de asistente de asistente de asistente con 1 etiqueta cuando no tiene nada instalado aparte del código de Google Tag Manager. Si ha instalado Google Analytics u otras etiquetas, verá el número de etiquetas en el icono de extensión con una lista de etiquetas activadas en la página.
Agregar Google Analytics a Google Label Manager, así que pasemos al uso real de Google Tag Manager. Ahora puede agregar cientos de etiquetas utilizando la interfaz de Google Manager.
Para mostrar un ejemplo de Google Tag Manager, veremos una de las etiquetas más populares que se ven en los sitios web-google Analytics. Si no tiene el código de Google Analytics para su sitio web, vaya y agregue una nueva cuenta para su sitio en Google Analytics. Configurar una nueva cuenta para su sitio es muy fácil (ver captura de pantalla a continuación). Vaya a Google Analytics, inicie sesión con su cuenta de Google y configure su cuenta completando el nombre de su cuenta y agregue el nombre y la URL del sitio para agregar su propiedad. Obtener la ID de seguimiento para Google Analytics Complete los detalles y haga clic en “Obtener ID de seguimiento” Al final de la página. Una vez que acepte los términos y condiciones, se le dirigirá a una página con su identificación de seguimiento de propiedades.
Copie la ID de seguimiento (consulte la ID subrayada anterior) Si ya ha configurado Google Analytics, puede encontrar la ID de seguimiento que navega al administrador → Propiedad → Propiedad o en Administración → Información de seguimiento → Código de seguimiento. Volviendo a la plataforma de Google Tag Manager, agregemos la etiqueta de Google Analytics a nuestro contenedor de etiqueta Administrador. Pasos para agregar Google Analytics al Administrador de etiquetas Haga clic en “Agregar una nueva etiqueta” en el contenedor de Google Tag Manager.
Ahora verá más productos que el administrador de etiquetas ha facilitado agregar etiquetas. Paso 1: En la configuración de la etiqueta, haga clic en el icono Elija un tipo de etiqueta para iniciar el proceso de configuración.


Paso 2: seleccione la análisis universal más reciente bajo el tipo de etiqueta en la barra lateral.

Paso 3: En el tipo de seguimiento, seleccione “Pantalla de página”, y en la sección de Google Analytics, verá una opción para seleccionar una nueva variable u opción para ingresar la ID de seguimiento. Opción A: Esta es la opción más fácil si la encuentra demasiado técnica. Haga clic en “Active la configuración de anulación en esta etiqueta” y simplemente puede ingresar su Google Analytics. El seguimiento de Google Analytics. La ventaja de utilizar la variable de configuración de Google Analytics es que puede usar esta variable y puede mantener la configuración de otras etiquetas en el futuro. Seleccione “nueva variable” de la configuración de Google Analytics.

Se le presentará los detalles de configuración de la variable con la configuración de Google Analytics ya definida como el tipo de variable. Ingrese la ID de seguimiento y podrá dejar el dominio de las galletas en el automóvil.

Haga clic en Guardar en la parte superior para guardar su configuración y verá un cuadro de diálogo para cambiar el nombre de su variable.
Haga clic en Guardar para continuar con la configuración de Google Analytics seleccionada en Variable.

Paso 4: Ahora se le pedirá que agregue un disparador para definir cuándo debe activarse la etiqueta de Google Analytics en su sitio web.

Haga clic en el activador adicional y seleccione todas las páginas en la barra lateral.

Elija todas las páginas para que la etiqueta se active y finalmente haga clic en Crear etiqueta. Paso 5: haga clic en Guardar en la parte superior para guardar la etiqueta de Analytics Universal que acaba de crear.

Tendrá que nombrar su etiqueta y finalmente guardarla. Paso 6: Enviar cambios. Verá algunos cambios de espacio de trabajo agregados en la sección de edición ahora. Haga clic en Enviar a la parte superior para continuar guardando los cambios. PAS 7: Publique la etiqueta en el contenedor. Si es la primera vez, puede seleccionar el nombre de la versión y hacer clic en Publicación para publicar la versión.

Ahora puede ver que la versión se ha publicado con todos los cambios, incluida la configuración de Google Analytics.

Ahora que ha configurado una nueva etiqueta, puede continuar y obtener una vista previa de la etiqueta en su sitio web. Finalmente debería ver un mensaje exitoso con sus cambios en vivo. Esto es todo lo que tiene que hacer para agregar Google Analytics al Google Tag Manager. Nota Para pequeños usuarios avanzados: en el paso 3, en lugar de pegar directamente la ID de seguimiento, solo puede seleccionar una variable definiendo una con una ID de seguimiento de análisis. Elija la opción B en el paso 3 arriba, o siga los pasos a continuación para definir la variable. Para crear una nueva variable llamada GapRoperty (Variables de acceso> Agregar nuevo) y agregar su ID de seguimiento a la variable respectiva (consulte la captura de pantalla a continuación). Primero deberá elegir el tipo de variable. Haga clic y elija constantemente en la sección de utilidades de la barra lateral.

Ahora, en la sección Valor, simplemente ingrese la ID de seguimiento de Google Analytics que recibió cuando se registró en Google Analytics.

La ventaja de usar variables como tales es que si desea crear más etiquetas, simplemente puede seleccionar la variable GAPOROPERTY (o cualquier otra variable que cree) en lugar de tener que incluirla manualmente cada vez. También puede ahorrarle tiempo si necesita cambiar su propiedad de Google Analytics y usar otra ID. Ahora puede usar el Asistente de etiqueta de Google nuevamente para probar si la etiqueta de Google Analytics está en la página. Como puede ver en la captura de pantalla a continuación, el icono del asistente de etiqueta muestra 2 etiquetas en la página. Nota: A veces, la extensión de Chrome puede tener errores y puede decirle que no ha colocado las etiquetas correctamente. Haga la ubicación correcta y no se preocupe demasiado por el problema porque ven a otros usuarios que informan un problema con la extensión. Como puede ver, la captura de pantalla anterior muestra inicialmente que no hemos colocado la etiqueta de Google Analytics en el modo recomendado. Después de refrescarlo varias veces, ¡todo se volvió verde!

Ahora puede continuar agregando otras etiquetas que necesita para su sitio web, como Google Adwords, Facebook Pixels, etc., en su contenedor de etiquetas de Google. Más allá de los elementos básicos de agregar el administrador de etiquetas, este tutorial simplemente le presenta la herramienta de administrador de etiquetas y le permite agregar algunos códigos universales, como Google Analytics, en su sitio de Google Tag Manager y su aplicación web. Y en Mobile, sin embargo, sin embargo, Es un tema sofisticado y hay mucho que aprender sobre temas de marketing avanzados. Si está interesado en explorar más, me gustaría recomendar algunos cursos y recursos que puedan ayudarlo a aprender más. Fundamental Google Tag Manager: el mejor curso básico para comenzar con Google Tag Manager, oficialmente disponible sin Google.

Comprender Google Tag Manager (GTM) en Lynda.com que cubre el tema en detalle.

Buscando seminarios web grabados y otros videos gratuitos disponibles en el canal de Google Analytics.

¿Usas Google Manager de etiquetas? Google Tag Manager es una herramienta realmente útil para las agencias de marketing y webmasteri. Si usa más códigos en su sitio web, debe hacer un esfuerzo para aprender e instalar los códigos. Lo mejor, es gratis de usar y estoy seguro de que valdrá la pena usarlo. ¿Ha logrado agregar Google Tag Manager y Google Analytics la etiqueta en su sitio de WordPress? Dime si encontraste el tutorial útil. Actualizaciones el 17 de junio: todo el tutorial actualizado con capturas de pantalla de la última versión del Google Tag Manager.