¿Cómo agregar Google Tag Manager sin plugins en WordPress?

Google Tag Manager es una herramienta muy útil para monitorear eventos en nuestra pagina web como puede ser el presionar un botón, enviar un formulario, visita de una de las paginas de nuestro sitio, etc… y como ya es costumbre en WordPress existen infinidad de plugins para agregar los scripts necesarios a nuestra pagina en las etiquetas <head> y <body> de nuestro HTML como lo indica Google.

Casi hay plugin para todo lo que se nos ocurra en WordPress y esto en verdad es muy útil para los NO programadores, sin embargo en lo personal intento no agregar tanto plugins a mis sitios web por que poco a poco se va a ir alentando tu interfaz de WordPress, claro que me es muy útil la experiencia que tengo en desarrollo de aplicaciones web.

Lo único que debes de hacer es insertar el siguiente código al archivo functions.php de tu Tema Hijo.

¿No sabes lo que es un Tema Hijo? No te preocupes te invito a leer este blog y ahí te lo explico

Te dejo el código para que lo copies y lo pegues, únicamente tendrás que poner tu TAG o también puedes obtener ese código desde Google Tag Manager directamente, como lo muestro en la primer imagen de este blog.

if ( ! function_exists( 'wp_googletagmanager_head' ) ) {
	function wp_googletagmanager_head() {
			echo "<!-- 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-5SLZS6ST');</script>
					<!-- End Google Tag Manager -->";
	}
}
add_action( 'wp_head', 'wp_googletagmanager_head' );

if ( ! function_exists( 'wp_googletagmanager_body' ) ) {
	function wp_googletagmanager_body() {
			echo '<!-- Google Tag Manager (noscript) -->
					<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SLZS6ST"
					height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
					<!-- End Google Tag Manager (noscript) -->';
	}
}
add_action( 'wp_body_open', 'wp_googletagmanager_body' );

Como puedes observar los hooks wp_head y wp_body_open junto con la función add_action() nos ayudaran a insertar el código en donde debe de ser para que GTM funcione de manera correcta

Conclusiones

Google Tag manager es una herramienta que nos permite el monitoreo de eventos sobre nuestro sitio web y que en conjunto con Google Analytics nos puede dar un panorama mas general que como los usuarios de nuestro sitio están interactuando con el, si te quieres ahorrar bastante tiempo de programación o no tienes muchos conocimientos sobre programación esta es una herramienta que puedes usar para que te ayude con esa tarea.

Te invito a conocer nuestros servicios.

¿Te quedaste con dudas? coméntanoslo

¿Necesitas ayuda con tu desarrollo o con el marketing de tu negocio? contáctanos