Categorías
Wordpress

Añadir Google Analytics fuera del theme de WordPress

Agregar Google Analytics a tu sitio de WordPress te ayudará a rastrear quién ha estado visitando su web, qué han estado mirando y cómo llegaron allí.

Google te dice que insertes su código en la sección <head>. En WordPress sería editar la plantilla de la web. Para no olvidarnos del codigo de Analytics al cambiar de plantilla o theme, se puede crear un plugin sencillo en mu-plugin, que lo insertará automáticamente dando igual qué plantilla uses.

Si no has creado un complemento antes, no te preocupe. Es sencillo. Para crear este complemento, deberás seguir cuatro pasos:

  1. Verifica que el header.phpde tu tema tiene la llamada al gancho wp_head.
  2. Creea un nuevo archivo en su carpeta de complementos, es decir, en el directorio mu-plugin (crealo si no existe).
  3. Obten el código de seguimiento de Google Analytics.
  4. Este código lo tendrás que pegar en el archivo .php creado.

¡Entonces empecemos!

Creamos dentro de mu-plugins el fichero mi-google-analytics.php y pegamos el siguiente código:

<?php
/*
Plugin Name: Simple Google Analytics Plugin
Plugin URI: https://yanez.pro
Description: Adds a Google analytics tracking code to the <head> of your theme, by hooking to wp_head.
Author: yanez.pro
Version: 1.0
 */
?>

<?php
function mi_google_analytics() { ?>
 <!-- Pega aquí el código Google Analytics -->
<?php }
add_action( 'wp_head', 'mi_google_analytics', 10 );

Quedaría algo así

<?php
/*
Plugin Name: Simple Google Analytics Plugin
Plugin URI: https://yanez.pro
Description: Adds a Google analytics tracking code to the <head> of your theme, by hooking to wp_head.
Author: yanez.pro
Version: 1.0
 */
?>

<?php
function mi_google_analytics() { ?>
 <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-XX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXX-XX');
</script>
<?php }
add_action( 'wp_head', 'mi_google_analytics', 10 );

UA-XXXXXXXX-XX se sustituiría por tu id de Google analytics.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *