• 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
  • Cabecera Fija Theme WordPressCabecera fija en theme WordPress
  • Insertar Javascript en WordPressInsertar javascript en WordPress de forma correcta
  • Configura el tema Twenty Twenty One WordPressConfigura el tema Twenty Twenty One 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

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Agregar redes sociales en la cabecera de WordPress

Configura el Tema Twenty Seventeen WordPress

Cambiar el logo en cabecera fija en un tema WordPress

Deshabilitar el editor de archivos para temas y plugins en WordPress

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