• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

Carlosmdh

  • Migra ahora a Google Analytics 4
  • Blog
  • Snippets
  • Tutoriales
  • Q&A GA4
  • Sobre mí
  • Contactar

Cómo añadir el código de Google Tag Manager a WordPress

6 marzo, 2018

En este breve tutorial voy a mostraros como añadir el código JavaScript de Google Tag Manager a un sitio Web hecho con WordPress sin necesidad de instalar ningún plugin… bueno a medías por que lo que vamos a hacer realmente es crear nuestro propio mini plugin que subiremos por FTP a la carpeta de mu-plugins de nuestro WordPress.

Índice de contenidos

  • Añadir el código de Google Tag Manager en WordPress
  • Conclusión

Añadir el código de Google Tag Manager en WordPress

Para poder insertar el código de Google Tag Manager a nuestra Web hecha con WordPress, vamos a aprovecharnos de los hooks de WordPress, que nos permiten insertar funciones en nuestra Web. Concretamente vamos a hacer uso de dos hooks, wp_head y wp_footer en los cuales vamos a definir dos funciones para poder insertar en todas las páginas de nuestra Web los dos scripts que Google Tag Manager nos facilita al crear nuestro contenedor y que, siguiendo las instrucciones, debemos insertar en la cabecera y tras la apertura del la etiqueta body de cada página.

Para poder ver como se hace, nada mejor que ver el vídeo que os dejo a continuación.

Como veis, el plugin es muy sencillo de crear y al estar en la carpeta mu-plugins os asegurais que nadie que no tenga acceso al FTP pueda desactivarlo. A continuación os dejo el fichero php que tendréis que añadir a vuestro plugin de funciones o crear un archivo con el nombre que deseéis y la extensión php y subirlo por FTP a la carpeta mu-plugins de vuestro servidor.

Recuerda que tienes que cambiad la frase INSERTA AQUI EL IDENTIFICADOR DE TU CONTENEDOR en ambos hooks por el valor del contenedor que te proporcione Tag Manager y que podrás encontrar en el area de trabajo de tu cuenta de Google Tag Manager. Su sintaxis es GTM-XXXXXXX.

Conclusión

Esto es todo por ahora, como habréis podido observar, es muy sencillo es tener este código agregado a vuestro sitio Web sin necesidad de instalar ningún plugin ni agregar el código al archivo functions.php o a la plantilla del head de vuestro theme, cosa por otro lado nada recomendable.

A partir de aquí, en siguientes tutoriales iremos viendo como añadir vía Google Tag Manager diferentes funcionalidades a nuestro WordPress.

Cualquier duda que os pueda surgir, podéis enviármela a través del formulario de contacto.

Google Tag Manager

sidebar

sidebar-alt

Blog · Snippets · Tutoriales

Politica de privacidad · Politica de Cookies · Cambiar su consentimiento


carlosmdh © 2023 · Made with by carlosmdh

Utilizamos cookies para ofrecerte la mejor experiencia en nuestra web.

Puedes aprender más sobre qué cookies utilizamos o desactivarlas en los ajustes.

Carlosmdh
Powered by  GDPR Cookie Compliance
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.

Cookies de terceros

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Cookies adicionales

Esta web utiliza las siguientes cookies adicionales:

(Lista aquí las cookies que estás utilizando en la web.)

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

  • English
  • Français