Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo instalar Microsoft Clarity Analytics en WordPress

¿Alguna vez has mirado las analíticas de tu sitio web y te has preguntado no solo *qué* hicieron tus visitantes, sino *por qué* lo hicieron? Durante mucho tiempo, dependimos de Google Analytics, pero siempre sentimos que nos faltaba la historia detrás de los números.

Ahí es donde Microsoft Clarity cambia las reglas del juego. Proporciona herramientas visuales como mapas de calor y grabaciones de sesiones, mostrándote exactamente cómo interactúan los usuarios con tu sitio. Esto te ayuda a ir más allá de las conjeturas para hacer mejoras reales.

En esta guía, te mostraremos el método sencillo que usamos para instalar Microsoft Clarity en nuestros sitios de WordPress. Es una forma potente y gratuita de entender mejor a tu audiencia.

Cómo instalar Microsoft Clarity Analytics en WordPress

Esto es lo que cubriremos en este tutorial:

  1. ¿Qué es Microsoft Clarity y por qué usarlo?
  2. Microsoft Clarity vs. Google Analytics: ¿Cuál es la diferencia?
  3. Registrarse en Microsoft Clarity
  4. Agregar el código de Microsoft Clarity a WordPress
  5. Usar Microsoft Clarity
  6. Reflexiones finales sobre la herramienta de análisis Microsoft Clarity
  7. Preguntas Frecuentes Sobre Microsoft Clarity
  8. Recursos Adicionales Sobre Analíticas de WordPress

¿Qué es Microsoft Clarity y por qué usarlo?

Microsoft Clarity es una herramienta de análisis gratuita para sitios web. Te ayuda a ver las páginas más populares de tu sitio web y cómo los usuarios hacen clic, se desplazan e interactúan con esas páginas.

La característica más importante de Microsoft Clarity es su visualización de datos del comportamiento del usuario. Esto incluye seguimiento de clics, informes de mapas de calor, grabaciones de sesiones y más.

Lo hemos encontrado útil para ir más allá de las métricas tradicionales. Mientras que Google Analytics te dice lo que sucedió en tu sitio, Clarity te muestra exactamente cómo sucedió.

Los mapas de calor muestran un informe visual de cómo los usuarios mueven el ratón, así como dónde hacen clic, seleccionan y se desplazan. Hemos utilizado estos conocimientos para optimizar la ubicación de los botones y mejorar la disposición del contenido para una mayor participación.

Mapa de calor que muestra las interacciones del usuario en un sitio web

De manera similar, las grabaciones de sesiones te ayudan a ver cómo los usuarios ven tu contenido, dónde pasan más tiempo y qué los aleja de tu sitio web de WordPress.

Esta información te ayuda a crear una mejor experiencia de usuario para tus visitantes, mejorar el rendimiento e impulsar las conversiones de ventas.

Visualización del panel de análisis de Microsoft Clarity

Nota: Microsoft advierte que Clarity no debe usarse en sitios que contengan datos sensibles, incluyendo atención médica del usuario, servicios financieros o información relacionada con el gobierno.

Microsoft Clarity vs. Google Analytics: ¿Cuál es la diferencia?

Como expertos en análisis de WordPress, a menudo nos preguntan si elegir entre Microsoft Clarity y Google Analytics. La verdad es que cumplen propósitos diferentes y funcionan mejor cuando se usan juntos.

Google Analytics es la mejor solución de análisis del mercado porque ofrece muchas funciones de seguimiento detalladas. Microsoft Clarity, por otro lado, se enfoca en la visualización de las interacciones del usuario con mapas de calor y grabaciones de sesiones.

Google Analytics te ayuda a rastrear casi cualquier cosa en tu sitio web. También tiene seguimiento mejorado de eCommerce, seguimiento de conversiones e informes detallados.

Una buena forma de pensarlo es que Google Analytics te dice qué sucedió (por ejemplo, 100 personas abandonaron tu página de pago), mientras que Clarity te muestra por qué pudo haber sucedido (como un botón roto que les impedía avanzar).

Microsoft Clarity es una plataforma más nueva y se puede usar junto con Google Analytics para desbloquear funciones como mapas de calor y grabaciones de sesiones de visitantes porque Google aún no ofrece esas funciones.

Antes de la función de análisis de Microsoft, muchos propietarios de sitios web usaban soluciones de mapas de calor de pago como Hotjar o CrazyEgg junto con Google Analytics, pero ahora tienes una alternativa gratuita a esas herramientas.

Recomendamos instalar Google Analytics en todos tus sitios web. Los datos que proporciona son esenciales para entender a tu audiencia y tomar decisiones basadas en datos para mejorar tu SEO y aumentar tu tráfico.

Ambos funcionan muy bien sin afectar la funcionalidad de tu sitio web.

Es fácil agregar Microsoft Clarity a cualquier sitio web. Necesitas registrarte en Microsoft Clarity y luego agregar un código de seguimiento a tu sitio web. Te guiaremos a través del proceso paso a paso.

Registrarse en Microsoft Clarity

Primero, dirígete al sitio web de Microsoft Clarity y haz clic en el botón 'Comenzar'. Necesitas una cuenta de Microsoft, Facebook o Google para registrarte.

Después de registrarte, verás el panel de Clarity con una ventana emergente para agregar un nuevo proyecto.

Continúa e ingresa un nombre para tu proyecto. Puedes usar el nombre de tu sitio web para que sea fácilmente reconocible. Luego, ingresa la URL de tu sitio web.

Configuración de un nuevo proyecto en Microsoft Clarity

Una vez que hayas creado tu nuevo proyecto, se te preguntará cómo deseas instalar Clarity.

Deberías hacer clic en la opción 'Obtener código de seguimiento'.

Instalar Clarity usando un código de seguimiento

Ahora verás el código de seguimiento que necesitas agregar a tu sitio web de WordPress.

Simplemente haz clic en el botón 'Copiar al portapapeles'.

Copiar el código de seguimiento de Clarity

Dependiendo del método que uses para agregar este código a tu sitio de WordPress, podrías necesitar el código de seguimiento completo o solo tu ID de proyecto. Encontrarás el ID de proyecto al final del código de seguimiento, justo antes de </script>.

En la captura de pantalla anterior, es 'ejbjp9k5ge'. Recuerda, tu propio ID de proyecto será un código diferente y único.

Recomendamos dejar esta pestaña abierta o copiar el código en un lugar seguro. Lo necesitarás en el siguiente paso de este tutorial.

Agregar el código de Microsoft Clarity a WordPress

Ahora, necesitas agregar el código de seguimiento de Microsoft Clarity a tu sitio web de WordPress de una manera que esté presente en todas las páginas. Afortunadamente, hay varias formas sencillas de lograr esto sin editar manualmente ningún archivo de WordPress.

Puedes elegir tu método preferido entre las siguientes tres opciones.

Método 1: Agregar el código de Microsoft Clarity usando el plugin de Microsoft Clarity

Lo primero que necesitas hacer es instalar el plugin de Microsoft Clarity. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, necesitas visitar la página Ajustes » Clarity en el administrador de WordPress.

Aquí, necesitas pegar el ID del proyecto. Este es el último elemento en tu código de seguimiento de Clarity y se verá algo así como 'ejbjp9k5ge'.

Ingrese su ID de proyecto de Microsoft Clarity

Asegúrate de hacer clic en el botón 'Guardar Cambios' en la parte inferior para almacenar tu configuración. Tu sitio de WordPress ahora está conectado a Microsoft Clarity.

Método 2: Agregar el código de Microsoft Clarity usando WPCode

La forma más segura y fácil de agregar código a tu sitio web es WPCode, el mejor plugin de fragmentos de código para WordPress. Este plugin te permite agregar cualquier script en el encabezado o pie de página de tu sitio web directamente desde tu panel de WordPress (sin necesidad de FTP o cPanel).

Una vez que hayas instalado y activado el WPCode Free Plugin, necesitas visitar la página Fragmentos de código » Encabezado y Pie de página.

Una vez allí, deberías pegar el código de seguimiento completo de Microsoft Clarity en el campo 'Encabezado'.

Pegar el código de seguimiento de Microsoft Clarity en el campo de encabezado de WPCode

No olvides hacer clic en el botón ‘Guardar cambios’ para almacenar tu configuración.

El plugin ahora agregará automáticamente el código de análisis de Microsoft Clarity a todas las páginas de tu sitio de WordPress para que puedas rastrear la actividad de los visitantes de tu sitio web.

Método 3: Agregar el código de Microsoft Clarity usando All in One SEO

All in One SEO es el mejor plugin de SEO para WordPress que te permite optimizar fácilmente tu sitio web de WordPress para motores de búsqueda y plataformas de redes sociales. Te mostramos cómo sacarle el máximo provecho en nuestra guía sobre cómo configurar All in One SEO para WordPress correctamente.

Si tienes All in One SEO instalado en tu sitio web, entonces puedes usarlo para agregar el código de seguimiento de Microsoft Clarity.

Simplemente dirígete a All in One SEO » General Settings » Webmaster Tools y haz clic en el ícono de ‘Microsoft Clarity’.

Aparecerá un campo donde puedes pegar tu ID de proyecto de Clarity. Ese es el último elemento en tu código de seguimiento de Clarity y se verá algo así como ‘ejbjp9k5ge’.

Pegar el ID de proyecto de Microsoft Clarity en AIOSEO

Asegúrate de hacer clic en el botón ‘Save Changes’ (Guardar Cambios) después, y tu sitio de WordPress estará conectado a Microsoft Clarity.

Consejo Pro: Si estás usando un plugin de caché de WordPress, entonces necesitas limpiar tu caché de WordPress después de agregar el ID de proyecto o el código de seguimiento. Esto es importante porque, de lo contrario, Microsoft no podrá verificar tu sitio durante algunas horas.

Usar Microsoft Clarity

Una vez que hayas instalado el código de seguimiento y limpiado tu caché de WordPress, Microsoft comenzará a registrar los datos de las sesiones de los visitantes.

Sin embargo, probablemente tomará hasta 2 horas antes de que puedas ver algún resultado en tu cuenta de Clarity.

Usando el Panel de Control de Microsoft Clarity

Simplemente inicia sesión en tu cuenta de Clarity después de unas horas, y deberías poder ver el resumen de actividad en tu panel.

Visualización del panel de análisis de Microsoft Clarity

Puedes ver información útil como el porcentaje de sesiones que tienen ‘dead clicks’ (clics muertos). Estos son clics que no llevan a ninguna parte. Por ejemplo, los usuarios podrían estar haciendo clic en una imagen, pensando que es un botón o un enlace.

Otra estadística útil son los ‘rage clicks’ (clics de furia), cuando los usuarios hacen clic o tocan rápidamente en la misma área. Prestar mucha atención a estas métricas puede ayudarte a hacer que tu sitio sea más fácil de usar.

El panel también te muestra el número de ‘quick backs’ (regresos rápidos). Estos ocurren cuando un usuario se aleja de una página y luego regresa a ella muy rápidamente.

También rastrea el desplazamiento excesivo cuando los usuarios se desplazan por una página más de lo esperado. Y al igual que Google Analytics, Microsoft facilita ver las páginas más populares de tu sitio.

Usando grabaciones de Microsoft Clarity

La pestaña ‘Grabaciones’ te muestra grabaciones de diferentes sesiones de usuario. Obtienes los detalles del dispositivo, sistema operativo y país del usuario.

Clarity también te dice el número de páginas que visitaron, la duración y el tiempo de su sesión, y el número de clics que realizaron.

Clarity mostrando las grabaciones de sesiones de usuario

Las grabaciones te permiten ver una animación de los movimientos del ratón y los clics. En la captura de pantalla anterior, puedes ver que un usuario movió su ratón al enlace de archivos de noviembre y lo hizo clic.

Usando mapas de calor de Microsoft Clarity

La pestaña ‘Mapas de calor’ te muestra un mapa de calor de tu sitio web. Estos te ayudan a ver qué secciones son populares en tu sitio según el número de personas que hacen clic.

El mapa de calor de Clarity mostrando clics del ratón

El mapa de calor también te mostrará hasta dónde se desplazaron los usuarios por la página y qué áreas de la página recibieron la mayor cantidad de clics.

Reflexiones finales sobre la herramienta de análisis Microsoft Clarity

Microsoft Clarity es una nueva herramienta de análisis con algunas características geniales. Si bien no es una alternativa a la potente plataforma de Google Analytics, definitivamente ofrece algunas características interesantes como mapas de calor y grabación de sesiones gratuitas.

A menudo, los nuevos propietarios de sitios web quieren ver mapas de calor y grabaciones de sesiones, pero no tienen el presupuesto para comprar soluciones premium como HotJar o CrazyEgg. Bueno, ahora puedes usar Microsoft Clarity.

Usando los mapas de calor y las grabaciones de sesiones, deberías poder optimizar tu sitio web o la experiencia de tu tienda en línea para mejorar la experiencia del usuario y aumentar las ventas.

Preguntas Frecuentes Sobre Microsoft Clarity

Recibimos muchas preguntas sobre herramientas de análisis. Para ayudarte, hemos recopilado respuestas a las preguntas más comunes sobre el uso de Microsoft Clarity en tu sitio web de WordPress.

¿Microsoft Clarity es realmente gratuito?

Sí, Microsoft Clarity es completamente gratuito. No hay límites de tráfico ni niveles de pago, lo que te da acceso completo a funciones como mapas de calor y grabaciones de sesiones sin ningún costo.

¿Microsoft Clarity ralentizará mi sitio web?

Microsoft diseñó el script de seguimiento de Clarity para que sea asíncrono. Esto significa que se carga de forma independiente y no bloqueará la carga del contenido de tu sitio web para tus visitantes. No hemos observado ningún impacto negativo en la velocidad del sitio.

¿Puedo usar Microsoft Clarity y Google Analytics al mismo tiempo?

Absolutamente. De hecho, funcionan mejor juntos. Google Analytics es excelente para rastrear números y tendencias (como cuántas personas visitaron una página y de dónde vinieron). Clarity proporciona la historia visual detrás de esos números (mostrándote exactamente dónde hicieron clic y se desplazaron las personas en esa página).

¿Cuánto tiempo tarda en aparecer la información en mi panel de Clarity?

Después de instalar el código de seguimiento, puede tardar hasta 2 horas en aparecer el primer lote de datos de visitantes en tu panel. Después de ese procesamiento inicial, los nuevos datos de sesión aparecerán muy rápidamente, a menudo en tiempo casi real.

Recursos Adicionales Sobre Analíticas de WordPress

Esperamos que este artículo te haya ayudado a aprender cómo instalar Microsoft Clarity Analytics en WordPress. También es posible que desees ver otras guías relacionadas con el análisis de WordPress:

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

8 CommentsLeave a Reply

  1. Microsoft Clarity funciona increíblemente bien junto con Google Analytics. ¡Los mapas de calor cambian el juego para la optimización de páginas de destino!
    Es bueno que funcione tanto para escritorio como para móvil. Los usuarios se comportan de manera totalmente diferente en cada dispositivo, por lo que esto me ayuda a perfeccionar los ajustes de diseño responsivo.
    La función de "rage clicks" también ha sido un salvavidas. Me ha ayudado a detectar y solucionar problemas de interfaz de usuario en los sitios de mis clientes muy rápidamente.

  2. Normalmente uso WP Code e inserto el código de Clarity directamente en el encabezado o en otra parte del sitio que siempre se muestra (como el pie de página). Es bastante seguro y sencillo. Ahora veo que AIO SEO también puede hacer esto, y de una manera aún más fácil. ¿Supongo que la versión lite también puede hacer esto? Tendré que probarlo, ya que agregar códigos es simple, pero esta sería una forma más rápida.

  3. Siempre he confiado en Google Analytics por sus sólidas capacidades de seguimiento e informes detallados, especialmente en lo que respecta a la comprensión del rendimiento de mi comercio electrónico. Sin embargo, quiero agradecerles por presentar Microsoft Clarity. La idea de visualizar las interacciones del usuario con mapas de calor y grabaciones de sesiones es intrigante y agrega una capa de información que la analítica tradicional a veces omite. Si bien es posible que no reemplace a Google Analytics para mí, puedo ver cómo usarlos juntos podría ofrecer una visión más completa del comportamiento del usuario. Esta combinación podría ser un cambio radical para cualquiera que se tome en serio la optimización de la experiencia de usuario de su sitio web.

  4. Estoy considerando Clarity, especialmente ahora que puedo integrarlo con AIO SEO. Solo tengo curiosidad sobre si la integración general con Microsoft Clarity podría afectar negativamente la velocidad del sitio web.

    Solo estoy considerando Microsoft Clarity temporalmente para mapas de calor, para determinar la mejor ubicación, por ejemplo, para Google AdSense. En este contexto, tiene sentido para mí identificar las áreas menos utilizadas en el sitio web y dirigir la publicidad allí.

    • No debería tener un gran efecto, pero por el momento no hemos realizado un análisis completo y detallado de ningún cambio de velocidad.

      Administrador

      • Gracias por el consejo. Finalmente conecté el sitio web con Clarity gracias a AIO SEO y todo funciona perfectamente. Es una herramienta realmente genial. La he tenido en el sitio web por unos días, pero estoy encantado con ella.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.