Enrique J. Ros

Insertar el código de Analytics en WordPress

Google Analytics es uno de esos servicios imprescindibles para cualquiera que gestione una web, sea del tipo que sea. Y es que una de las máximas del marketing es que no se puede mejorar lo que no se mide (cita, por cierto, de Lord Kelvin).

El caso es que, como decía, es prácticamente obligado para cualquier sitio web insertar el código de Analytics. Y ahí empiezan a surgir las dudas para algunos, bien por que no saben bien cómo hacerlo, bien porque hay tantas alternativas para ello que no tienen claro cuál es la mejor forma.

Así que vamos a repasar cómo podemos instalar el código de seguimiento de Analytics en WordPress y además veremos varias formas de conseguirlo (con y sin plugins) y las ventajas y desventajas de cada una, para que puedas decidir tú mismo cómo prefieres hacerlo.

Por cierto, te recuerdo que insertar el código de Analytics es una tarea incluida en mi servicio de mantenimiento web y soporte técnico para WordPress, además de que todas las webs y proyectos que llevo a cabo las entrego con el código de Analytics ya integrado, incluso, si se trata de un ecommerce, con las características específicas para comercio electrónico configuradas.

Insertar el código de Google Analytics en WordPress sin plugins

Ya he dicho que hay varias formas de integrar el código de Google Analytics en una web con WordPress, aunque el resultado final de todas ellas es básicamente el mismo: incluir el código que Analytics nos da dentro de la cabecera de la web.

¿Diferencias? Pues que unas formas son más directas, otras más eficientes, otras nos dan funcionalidades extra… Vamos a ver cada una de ellas, comenzando por las «artesanales», sin plugins de por medio.

Incluir el código de Analytics directamente en la plantilla

Esta es la opción más básica: coger el código que te da Analytics y pegarlo directamente en tu plantilla. Para eso simplemente tienes que ir a Apariencia > Editor para acceder a los archivos de tu theme. Aquí se imponen dos avisos.

El primero, que no deberías hacerlo directamente en la plantilla que estás usando, ya que si lo haces así cuando la plantilla se actualice perderás todos los cambios que has hecho. En estos casos lo correcto es crear un tema hijo o child theme. Puedes ver cómo se hace de una forma fácil en este artículo con vídeo:

El segundo, que si tu web está en wordpress.com no hace falta que te vuelvas loco buscando la opción: no está. WordPress.com no permite la edición de plantillas.

Bien, suponemos entonces que vas a poner el código en tu plantilla. Tendrás entonces que buscar el archivo header.php (si has creado un child theme, copia el header.php del archivo de tu plantilla en el directorio del tema hijo), porque ahí es donde tienes que colocar el código de Analytics.

Recuerda: siempre antes de tocar código haz copia de seguridad. Un punto y coma de menos pueden hacerte perder el acceso total a tu web. Bien, pues en el header.php buscas la línea:


y justo antes de ella pegas el código de seguimiento de Analytics. Fácil, rápido y sencillo.

Si sabes algo de PHP puedes mejorar el asunto, incluyendo un condicional con la función de WordPress current_user_can(), de forma que el código no se muestre cuando sea el administrador (tú mismo) el que está viendo la web. Así Analytics no contará tus propias visitas.

Usar un hook

Si prefieres no modificar el theme, o bien tienes un multisite con varias webs que comparten la plantilla, o ya tienes tu propio plugin de funciones personalizadas y quieres centralizar en él todas las modificaciones, siempre puedes echar mano del hook de WordPress wp_head.

No voy a entrar a explicar el tema de los hooks, entre otras cosas porque es algo muy técnico y al 99% de los usuarios de WordPress no le interesan estos temas. Para los más curiosos diré que son unas funciones en las que podemos «enganchar» (de ahí el nombre de hook) nuestro propio código para meterlo en ciertos lugares de WordPress. Lo más técnicos ya me sabrán perdonar una explicación tan simplista.

Bien, pues WordPress tiene uno de esos hooks en el que puedes enganchar lo que quieras que vaya dentro del header, y que se puede utilizar para mil cosas, como incluir scripts, la llamada al favicon o (allá vamos) el código de seguimiento de Analytics.

Simplemente hay que usar una función, que puedes incluir en tu propio plugin de funciones, como decía antes, o en el archivo functions.php, como ésta:

add_action ('wp_head', function () {

	$id = 'UA-XXXXXX-XX';
	$codigo = '
		';

	echo $codigo;
	});

Eso mismo. Sólo tienes que sustituir el UA-XXXXXXXX-XX del principio por tu ID de seguimiento, y listo.

El mismo sistema puedes utilizar para añadir el javascript de Facebook para la like box, una hoja de estilos propia, etiquetas meta personalizadas o cualquier otra cosa que tengas que insertar en la cabecera HTML.

Al igual que antes, cuando hablábamos de insertarlo directamente en el código de la plantilla, podemos hacer uso de la función current_user_can() para evitar que Analytics cuente nuestras visitas.

Plugins para Google Analytics

Pero no sólo de código vive el hombre, y plugins para hacer esto hay a patadas. Aunque claro, piénsalo bien: si sólo quieres insertar el código de Analytics y ya, ¿para qué instalar un plugin?

Te en cuenta que el plugin guardará tu ID de seguimiento en la base de datos, así que cada vez que se cargue la web habrá una consulta extra. Y cada consulta añade algo de tiempo de carga, restando eficiencia a la web. Sí, una sola consulta no enlentece la carga de forma apreciable, pero todas suman.

Si aún así decides que quieres utilizar un plugin para esto, al menos utiliza alguno que te proporcione alguna ventaja adicional. En este sentido podemos destacar dos, muy recomendables ambos. Allá van.

Complete Analytics Optimization Suite (CAOS)

Éste es buenísimo. Si ya has utilizado alguna vez el código de seguimiento de Analytics y luego has pasado tu página por PageSpeed Insights para comprobar qué piensa Google de la carga de tu web, habrás constatado con pena y/o rabia que te recomienda habilitar la compresión y especificar la caché… ¡para su propio código!

¿En serio, Google? ¿¿¿En serio??? ¿Quieres que especifique la caché y comprima un código que está en tus servidores? ¡Hazlo tú, pedazo de #!$@&!

Bueno, calma, haya paz. Afortunadamente hay solución, y vamos a poder ganar esos puntejos extra de cara a Google en PageSpeed. Y lo vamos a poder hacer con el plugin Complete Analytics Optimization Suite (CAOS).

Este plugin, que te sirve para insertar el código de Analytics en WordPress, almacena el código javascript de Google Analytics localmente y lo minifica, con lo que cumplimos de sobra con los requerimientos de PageSpeed.

Además (y aquí viene el toque de genio) utiliza el wp-cron de WordPress para comprobar regularmente si Google ha actualizado el código, de forma que tengamos siempre la última versión de Analytics. Te reto a decirme que no quieres instalar este plugin. ¡Te reto dos veces!

Google Analytics Dashboard for WP

Bromas aparte, quizá después de conocer este plugin ya no quieras instalar el anterior.

Hablo de Google Analytics Dashboard for WP, un plugin que, además de insertar el código de Analytics en tu WordPress, te facilita un widget de escritorio para que puedas consultar las estadísticas sin salir del área de administración de tu web.

También hice en su día un artículo con vídeo específico para este plugin, contándote cómo configurarlo, así que no me repito aquí. A él te remito:

Analytics y WooCommerce

Y no puedo terminar un artículo sobre Analytics y WordPress sin mencionar, aunque sólo sea de pasada, la integración entre Google Analytics y WooCommerce con el seguimiento especial para comercio electrónico.

Digo de pasada porque simplemente diré que, si tienes una tienda online con WooCommerce y quieres integrar el código de Analytics, el mejor plugin al que puedes recurrir es WooCommerce Google Analytics Integration.

Salir de la versión móvil