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

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / Añadir código de Google Tag Manager sin plugins en WordPress

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

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

[ 22 diciembre 2020 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Básico] [ ]

js mejoras

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

En un artículo anterior habíamos visto cómo añadir el código de Google Analytics sin plugins, en este artículo vamos a realizar algo similar con Google Tag Manager, lo haremos directamente a través de código.

 

Generalidades

Luego de configurar tu sitio en Google Tag Manager, obtendrás un código que puedes insertar como parte de tu sitio.

Dentro de la administración de Google Tag Manager, ubica el ID generado para tu sitio, se abrirá un popup en donde aparecerán dos porciones de código, tal como se muestra en la siguiente imagen.

Código Google Tag Manager

 

El código de Google Tag Manager tiene dos partes, la segunda porción de código es opcional y sólo funcionará en el caso de que el navegador del cliente no tenga habilitado javascript.

 

Código PHP para insertar el código de Google Tag Manager

Puedes agregar el siguiente código al final de tu archivo functions.php de tu tema hijo.

<?php // No copiar esta línea

// Código GTM en head
function dcms_add_google_tag_manager_head() { ?>

	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
	<!-- End Google Tag Manager -->

<?php }
add_action('wp_head', 'dcms_add_google_tag_manager_head');


// Código GTM en body - noscript
function dcms_add_google_tag_manager_body() { ?>

	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

<?php }
add_action( 'wp_body_open', 'dcms_add_google_tag_manager_body' );

 

En el código anterior:

  • En la primera parte del código usamos el hook wp_head
  • En la función que hace referencia cortamos la ejecución del código PHP para insertar el código javascript.
  • En la segunda parte del código, usamos el hook wp_body_open
  • En la función que hace referencia, cortamos igualmente el código PHP para insertar el código javascript.

 

Si vas a usar directamente este código no olvides reemplazar GTM-XXXXXX por el ID que te brinda Google Tag Manager

 

Conclusión

Como has podido comprobar, puedes agregar el código de verificación de Google Tag Manager a WordPress directamente a través de código y evitar el uso de plugins adicionales.

 
¿Aún con dudas?, en el siguiente video se detalla cómo agregar este código en un sitio de ejemplo.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Añadir código de Google Analytics sin plugins en WordPressAñadir código de Google Analytics sin plugins en WordPress
  • Habilitar sonido en video theme Twenty SeventeenHabilitar sonido en video theme Twenty Seventeen
  • Agregar recaptcha v3 en formulario de contactoAgregar recaptcha v3 en formulario de contacto
  • Mostrar la fecha de actualización en las entradas de WordPressMostrar la fecha de actualización en las entradas de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (1 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Andres

    20 septiembre, 2021

    Hola Brother como siempre agradecido, use el codigo tal cual y funciona, pero hay un detalle que te quiero comentar

    Cuando inserto el codigo del Tag Manager en mi child theme se ralentiza wordpress increiblemente, no se porque, si borro el codigo todo vuelve a la normalidad.

    Podras hecharme una mano para saber porque puede estar pasando esto?

    • Jhon Marreros Guzmán

      24 septiembre, 2021

      Hola, es muy raro lo que comentas, prueba con otro tema y tema hijo y verifica si te sucede lo mismo.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Presentación

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad SEO social woocommerce

Populares

Formulario de login sin plugins en WordPress

Agregar rel=0 a videos YouTube de manera automática en WordPress

Destacar texto en WordPress

Deshabilita XML-RPC en WordPress y mejora tu seguridad

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2023 Todos los derechos reservados