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.
Tabla de contenidos
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.
¿Estás construyendo tu tienda online o eres implementador WordPress?
¿Necesitas plugins de calidad y con soporte para implementar funcionalidades concretas?
Consigue todos los plugins a la venta en la sección de plugins de esta web y todos los que siga añadiendo. Acceso a los 96 plugins (y subiendo) con soporte directo del desarrollador, actualizaciones y uso ilimitado: úsalos en tantas webs como lo necesites.
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.
fernando dice
hola Enrique,tendras algun tutorial que pueda ver como instalar Complete Analytics Optimization Suite (CAOS) es que segun yo ya lo instale pero me sigue saliendo en pagespeed tool, y otra pregunta ese tambien funciona para el tag manager o es diferente ya que en el pagespeed tool me sale tambien el tag manager, espero me puedas ayudar muchas gracias por tus informaciones.
Enrique J. Ros dice
Hola Fernando.
No, sólo con instalarlo y poner el código de Analytics ya debería estar. Comprueba la caché. Me temo que con GTM no hay otra…
Un saludo.
Iván dice
Buenas tardes Enrique.
En primer lugar felicitarte por tu blog.
He instalado el Complete Analytics Optimization Suite (CAOS) y despues de poner el ID de analytics sigue sin aparecer ninguna mejoria. También he instalado el WP cron. ¿A que se puede deber?
Muchas gracias de antemano.
Saludos.
Enrique J. Ros dice
Gracias por tu comentario Iván. Normalmente esas cosas son causadas por la caché. Si tienes activo algún plugin de caché, límpiala. También si tienes implementada la de Cloudflare.
Un saludo.
Mariano dice
Buenas tardes,
Quisiera que me ayudaras a configurar el plugin CAOS de manera correcta, pues me sigue apareciendo el mensaje de especificar la caché……..
Enrique J. Ros dice
Hola Mariano.
En realidad no necesita configuración, sólo ir a Ajustes > Optimize Analytics y poner el código de seguimiento de Analytics, el resto de opciones se dejan por defecto, excepto en casos concretos. Si te sigue dando el mensaje puede ser un problema de caché.
Un saludo.
Emmnuel dice
Buenas tardes,
Me puedes orientar a instalar el código de seguimiento tengo una plantilla hijo y no se si debo de instalarlo en la plantilla padre, si es así me podrías orientar.
Saludos
Enrique Ros dice
Hola Emmanuel
No, si estás usando un tema hijo no deberías tocar para nada el tema padre. En cualquier caso lo mejor para eso es utilizar un plugin, echa un vistazo a este artículo.
Un saludo
Angeles dice
»
Digo de pasada porque ya le dediqué un capítulo entero del podcast (WooCommerce Tres-Sesenta, podcast semanal sobre comercio electrónico centrado especialmente en WooCommerce) a hablar sobre Google Analytics para WooCommerce:
3. Google Analytics para WooCommerce3. Google Analytics para WooCommerce
»
El enlace no funciona. Le doy y está roto 😉
Enrique J. Ros dice
Hola Ángeles
Sí, el podcast «murió» hace tiempo 🙂 Gracias por el aviso, ya he corregido el texto.
Un saludo.
Tomás dice
Hola Enrique,
Gracias por tu aportación. Yo lo he implementado con code snniptes y me ha ido genial.
A ver si te animas y sacas otro código para insertar las cookies de Silktide.
Muchas gracias y saludo!