Instalando Microsoft Clarity WordPress
Te gustaría comprender de manera precisa el comportamiento de tus visitantes web con lujo de detalles y verlos actuar en tiempo real, si has respondido SI, quédate porque en este video tutorial te explicamos como de manera gratis lo vas a lograr con Clarity de Microsoft y WordPress.
En esta ocasión, les quiero mostrar una herramienta muy poderosa para conocer el comportamiento de sus usuarios en su sitio web o landing page. El objetivo es tomar acciones que mejoren el sitio y el embudo de ventas.
Configuración de Microsoft Clarity
Comencemos por buscar Microsoft Clarity y acceder a la sección de inicio de sesión también puedes hacer clic aquí. Pueden iniciar sesión con Google, Hotmail u otras opciones. Una vez dentro, den permisos a Microsoft Clarity para conectarse con su correo.
Después, configuren un nuevo proyecto con el nombre de su emprendimiento, en este caso, “Estación de Diseño”. Añadan la URL de su sitio web y continúen con la configuración.
Instalación Microsoft Clarity wordpress
Copien el código proporcionado por Clarity y vayan a la sección de “Editor de archivos de tema” en WordPress. Busquen el archivo “header” y añadan el código dentro de la etiqueta <head>
(puede hacerse al inicio como antes del </head>). Recuerda que esta acción también la podrías lograr con plugins como code snippets y este tipo de herramientas, sin embargo si podemos añadir lo menos posible a nuestro núcleo de WordPress, ¿Por qué no intentar no agregarle más cosas?; es mi opinión.
Recuerden utilizar comentarios HTML para marcar el inicio y fin del código Clarity, facilitando futuras modificaciones. Guarden los cambios y actualicen el archivo.
IMPORTANTE: Recuerda que los comentarios en HTML se agregan de esta manera:
<!– Aquí pones tus comentarios –>, por ejemplo para saber a donde pusiste este código podrías escribir <!– Aquí esta el código de Clarity –> y otro como: <!– hasta aquí Clarity –>, esto aunque no es necesario puede ayudarte a recordar que código no es original del archivo “header” que acabas de editar, es una cuestión de orden, que en cierto punto te podría ayudar en caso de que a futuro lo quieras eliminar fácilmente, o sencillamente para entender que código externo agregaste, mira el tutorial que esta al inicio de este artículo para comprender con lujo de detalles este tip.
Comparativa de Clarity Microsoft con Otras Herramientas
Para contextualizar, mencioné otra herramienta de pago llamada Hotjar y mostré sus precios. Clarity ofrece funciones similares de manera gratuita, permitiéndoles ahorrar considerablemente.
Uso Práctico de Clarity Microsoft WordPress
Mientras esperamos que Clarity empiece a registrar datos (puede tomar unos minutos), exploramos la interfaz y funcionalidades. Se destaca la grabación de sesiones de usuario, mostrando cómo un visitante navega por el sitio.
Invitación y Despedida
Invité a los espectadores a explorar el sitio web de “Estación de Diseño” y a revisar los cursos disponibles en YouTube. Agradecí su atención, los invité a suscribirse y dejar comentarios con dudas o sugerencias.
Espero que esta guía les sea útil. ¡No olviden suscribirse para más contenido semanal de “Estación de Diseño”! ¡Saludos desde Colombia! 🇨🇴