Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo instalar Microsoft Clarity Analytics en WordPress

Si desea obtener información más detallada sobre cómo interactúan los visitantes con su sitio web de WordPress, Microsoft Clarity le ofrece una solución potente y gratuita. Esta herramienta de análisis web proporciona datos valiosos sobre el comportamiento de los usuarios a través de mapas de calor, seguimiento de clics y análisis de profundidad de desplazamiento.

A medida que hemos optimizado nuestros propios sitios web a lo largo de los años, nos hemos dado cuenta de que comprender cómo navegan los usuarios por nuestros sitios, dónde hacen clic y qué capta su atención, ha sido de un valor incalculable a la hora de optimizar el contenido, mejorar la experiencia del usuario e impulsar las conversiones.

Esta guía paso a paso le mostrará cómo integrar fácilmente Microsoft Clarity en su sitio web de WordPress, permitiéndole tomar decisiones basadas en datos que mejoren su presencia en línea.

How to Install Microsoft Clarity Analytics in WordPress

Esto es lo que trataremos en este tutorial:

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

Microsoft Clarity es una herramienta gratuita de análisis para sitios web. Le ayuda a ver las páginas más populares de su 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 la visualización de datos sobre el comportamiento de los usuarios. Esto incluye seguimiento de clics, informes de mapas de calor, grabaciones de sesiones y mucho más.

Los mapas de calor muestran un informe visual de cómo mueven el ratón los usuarios, así como dónde hacen clic, seleccionan y se desplazan.

Heatmap showing user interactions on a website

Del mismo modo, las grabaciones de sesiones le ayudan a ver cómo los usuarios ven su contenido, dónde pasan más tiempo y qué les aleja de su sitio web de WordPress.

Esta información le ayuda a crear una mejor experiencia para sus usuarios, mejorar el rendimiento y aumentar las conversiones de oferta.

Viewing the Microsoft Clarity analytics dashboard

Nota: Microsoft advierte de que Clarity no debe utilizarse en sitios que contengan datos confidenciales, como información sanitaria, financiera o gubernamental de los usuarios.

Microsoft Clarity frente a Google Analytics: ¿Cuál es la diferencia?

Google Analytics es la mejor solución analítica del mercado porque ofrece muchas características de seguimiento en profundidad. Microsoft Clarity, por su parte, se centra en la visualización de las interacciones de los usuarios con mapas de calor y grabaciones de sesiones.

Google Analytics le ayuda a realizar el seguimiento de casi cualquier elemento de su sitio web. También cuenta con seguimiento de comercio electrónico mejorado, seguimiento de conversiones e informes detallados.

Microsoft Clarity es una plataforma más reciente, y actualmente no es una alternativa a las características muy superiores de Google Analytics. Sin embargo, puede utilizar Microsoft Clarity junto con Google Analytics para desbloquear características como los mapas de calor y las grabaciones de las sesiones de los visitantes, ya que Google aún no ofrece estas características.

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

Le recomendamos que instale Google Analytics en todos sus sitios web para mejorar su posicionamiento en las búsquedas. Después de eso, puede seguir nuestra guía a continuación para instalar Microsoft Clarity en WordPress.

Ambos funcionan bastante bien sin afectar a la funcionalidad de su sitio web.

Es fácil añadir Microsoft Clarity a cualquier sitio web. Tiene que acceder a Microsoft Clarity y añadir un código de seguimiento a su sitio web. Le guiaremos paso a paso por el proceso.

Acceder a Microsoft Clarity

En primer lugar, dirígete al sitio web de Microsoft Clarity y haz clic en el botón “Primeros pasos”. Para registrarte necesitas una cuenta de Microsoft, Facebook o Google.

Después de registrarse, verá el cuadro de mandos de Clarity con un mensaje / ventana emergente para añadir un nuevo proyecto.

Introduzca un nombre para su proyecto. Puede utilizar el nombre de su sitio web para que sea fácilmente reconocible. A continuación, introduzca la URL de su sitio web.

Setting up a new project in Microsoft Clarity

Una vez que haya creado su nuevo proyecto, se le preguntará cómo desea instalar Clarity.

Debe hacer clic en la opción “Obtener código de seguimiento”.

Install Clarity Using a Tracking Code

Ahora verá el código de seguimiento que debe añadir a su sitio web WordPress.

Basta con hacer clic en el botón “Copiar en el portapapeles”.

Copying the Clarity tracking code

Dependiendo del método que utilice para añadir este código a su sitio de WordPress, es posible que necesite el código de seguimiento completo o sólo el ID de su proyecto. Encontrará el ID del proyecto al final del código de seguimiento, justo antes de </script>. En la captura de pantalla anterior, es ‘ejbjp9k5ge’.

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

Añadir código Microsoft Clarity a WordPress

Ahora, necesita añadir el código de seguimiento de Microsoft Clarity a su sitio web WordPress de forma que esté presente en todas las páginas. Por suerte, hay varias formas sencillas de hacerlo sin tener que editar manualmente ningún archivo de WordPress.

Puede elegir el método que prefiera entre los tres siguientes.

Método 1: Añadir código Microsoft Clarity utilizando el plugin Microsoft Clarity

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

Tras la activación, debe visitar la página Ajustes ” Claridad en el administrador de WordPress.

Aquí debe pegar el ID del proyecto. Es el último elemento del código de seguimiento de Clarity y se parecerá a “ejbjp9k5ge”.

Enter Your Microsoft Clarity Project ID

Asegúrese de hacer clic en el botón “Guardar cambios” de la parte inferior para establecer los ajustes. Su sitio WordPress ya está conectado a Microsoft Clarity.

Método 2: Añadir código Microsoft Clarity utilizando WPCode

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

Una vez que haya instalado y activado el plugin gratuito WPCode, deberá visitar la página Fragmentos de código ” Cabecera y pie de página.

Una vez allí, deberá pegar todo el código de seguimiento de Microsoft Clarity en el campo “Cabecera”.

Paste the Microsoft Clarity Tracking Code Into WPCode's Header Field

No olvides hacer clic en el botón “Guardar cambios” para establecer los ajustes.

El plugin añadirá automáticamente el código de análisis de Microsoft Clarity a todas las páginas de su sitio WordPress para que pueda realizar un seguimiento de la actividad de los visitantes de su sitio web.

Método 3: Añadir código Microsoft Clarity usando All in One SEO

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

Si tiene All in One SEO instalado en su sitio web, puede utilizarlo para añadir el código de seguimiento de Microsoft Clarity.

Simplemente dirígete a Todo en Uno SEO ” Ajustes Generales ” Herramientas para Webmasters y haz clic en el icono ‘Microsoft Clarity’.

Aparecerá un campo en el que puede pegar el ID de su proyecto Clarity. Es el último elemento del código de seguimiento de Clarity y tendrá un aspecto similar a “ejbjp9k5ge”.

Pasting the Microsoft Clarity Project ID into AIOSEO

Asegúrese de hacer clic en el botón “Guardar cambios” después, y su sitio de WordPress se conectará a Microsoft Clarity.

Consejo profesional: Si utiliza un plugin de caché para WordPress, deberá vaciar la caché de WordPress después de añadir el ID del proyecto o el código de seguimiento. Esto es importante porque, de lo contrario, Microsoft no podrá verificar su sitio durante unas horas.

Uso de Microsoft Clarity

Una vez instalado el código de seguimiento y vaciada la caché de WordPress, Microsoft empezará a registrar los datos de la sesión del visitante.

Sin embargo, es probable que pasen hasta 2 horas antes de que pueda ver algún resultado en su cuenta de Clarity.

Uso del Escritorio de Microsoft Clarity

Sólo tiene que acceder a su cuenta de Clarity pasadas unas horas y podrá ver el resumen de actividad en su cuadro de mandos.

Viewing the Microsoft Clarity analytics dashboard

Puede ver información útil como el porcentaje de sesiones que tienen “clics muertos”. Se trata de clics que no llevan a ninguna parte. Por ejemplo, los usuarios pueden hacer clic en una imagen pensando que es un botón o un enlace.

Otra estadística útil son los “clics furiosos”, cuando los usuarios hacen clic o tocan rápidamente en la misma zona. Prestar atención a estas métricas puede ayudarte a que tu sitio sea más fácil de usar.

El Escritorio también muestra el número de “retrocesos rápidos”. Esto ocurre cuando un usuario sale de una página y vuelve a ella rápidamente.

También realiza un seguimiento del desplazamiento excesivo cuando los usuarios se desplazan por una página más de lo esperado. Y al igual que Google Analytics, Microsoft facilita la visualización de las páginas más populares de su sitio.

Uso de las grabaciones de Microsoft Clarity

La pestaña “Grabaciones” muestra las grabaciones de diferentes sesiones de usuario. Obtienes los detalles del dispositivo, el sistema operativo y el país del usuario.

Clarity también le indica el número de páginas que han visitado, la duración y la hora de su sesión, y el número de clics que han hecho.

Clarity showing the recordings of user sessions

Las grabaciones permiten ver una animación de los movimientos y clics del ratón. En la captura de pantalla anterior, puede ver que un usuario ha movido el ratón hasta el enlace Archivos de noviembre y ha hecho clic en él.

Uso de los mapas de calor de Microsoft Clarity

La pestaña “Mapas de calor” te muestra un mapa de calor de tu sitio web. Esto le ayuda a ver qué secciones son populares en su sitio basándose en el número de personas que hacen clic.

Clarity's heatmap showing mouse clicks

El mapa de calor también le mostrará cuánto se han desplazado los usuarios por la página y qué zonas de la página han recibido más clics.

Reflexiones finales sobre la herramienta Microsoft Clarity Analytics

Microsoft Clarity es una nueva herramienta de análisis con algunas características interesantes. Aunque no es una alternativa a la potente plataforma Google Analytics, sin duda ofrece algunas características interesantes como el mapa de calor gratuito y la grabación de sesiones.

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

Utilizando los mapas de calor y las grabaciones de sesión, debería poder optimizar la experiencia de su sitio web o tienda en línea para mejorar la experiencia del usuario y aumentar las ofertas.

Guías de expertos sobre WordPress Analytics

Esperamos que este artículo te haya ayudado a aprender cómo instalar Microsoft Clarity Analytics en WordPress. Puede que también quieras ver otras guías relacionadas con WordPress analytics:

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

5 comentariosDeja una respuesta

  1. Jiří Vaněk

    I’m considering Clarity, especially now that I can integrate it with AIO SEO. I’m just curious whether the overall integration with Microsoft Clarity could potentially affect the website speed negatively?

    I’m only considering Microsoft Clarity temporarily for heatmaps, to determine the best placement, for example, for Google AdSense. In this context, it makes sense to me to identify the least used areas on the website and target advertising there.

    • WPBeginner Support

      It should not have a major effect but we have not done a full in-depth analysis of any speed changes at the moment.

      Administrador

      • Jiří Vaněk

        Thank you for the advice. I finally connected the website with clarity thanks to AIO SEO and everything works perfectly. It’s a really cool tool. I’ve had it on the website for a few days, but I’m thrilled with it.

  2. Stefan

    It seems that there’s a plugin now too.

    • WPBeginner Support

      Thank you for letting us know about it :)

      Administrador

Deja tu comentario

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