Watch Now: How to Use Heatmaps in Microsoft Clarity

Watch Now: How to Use Heatmaps in Microsoft Clarity

Heatmaps in Microsoft Clarity visually represent user interactions like clicks and scrolls, helping you optimize your site. Learn how click maps reveal popular areas, scroll maps show user engagement, and area maps track clicks in specific regions.

You can compare heatmaps across devices, perform A/B testing, and switch between screenshots to analyze different page versions. Filters allow you to focus on specific user segments, and session recordings offer deeper insights. Plus, our AI Copilot summarizes key data, making it easier to spot trends and issues.

For more information on optimization using Heatmaps watch the video below:

Don’t forget to subscribe to our YouTube channel and follow us on social so you know when our next video will drop! 

Enjoy!

2024 Wrapped: How Microsoft Clarity Evolved for Better Analytics

2024 Wrapped: How Microsoft Clarity Evolved for Better Analytics

Over the past year, Microsoft Clarity has transformed into an even more powerful and seamless analytics solution, empowering businesses to unlock deeper user insights and optimize their digital experiences. From simplifying decision-making to enhancing engagement and boosting performance, 2024 has been a year of continuous innovation.

Looking for a snapshot of the year’s biggest highlights? Explore our month-by-month feature launches, discover tools you might have missed, and get inspired to elevate your analytics strategy in 2025. Let’s dive into a year of insights and accomplishments together!

Watch Now: An Overview of Session Recordings in Microsoft Clarity

Watch Now: An Overview of Session Recordings in Microsoft Clarity

Ever updated your blog to boost new subscriber growth, only to see no improvement? Traditional analytics might leave you guessing why.

With Microsoft Clarity, session recordings provide a clear view of every click, scroll, and tap—revealing pain points and user behaviors to drive impactful changes.

🔍 Video Highlights:

  • Session List: Filter and sort recordings by criteria like rage clicks and session length to find exactly what you need.
  • Inline Player: Watch recordings with playback controls and skip inactivity to focus on engaged moments.
  • Events & Details: Access detailed event lists and jump to specific points in the recording.
  • Labels: Tag and categorize recordings for easy organization and future reference.
  • Heatmaps in Recordings: View heatmaps for elements not captured in standard heatmaps.
  • Live Recordings: Experience real-time user interactions for immediate feedback on updates.

Need more? Learn more about session recordings by watching the video below:

Don’t forget to subscribe to our YouTube channel and follow us on social so you know when our next video will drop! 

Enjoy!

Welcome to the New Clarity SDK: More Flexibility, Better Control! 

Welcome to the New Clarity SDK: More Flexibility, Better Control! 

We’re thrilled to introduce the latest version of the Clarity SDK (3.0)—crafted with your feedback and needs at the forefront! With this release, our motto is simple yet impactful: “More flexibility, better control.” Whether you’re developing for Android, iOS, or React Native, this update brings powerful tools to help you optimize your in-app analytics and elevate the user experience. 

Let’s dive into the game-changing features you won’t want to miss: 

🔍 Smart Events: Actionable Insights, No Tagging Required 

Say goodbye to manual tagging! With Smart Events, Clarity can now automatically detect key user actions like purchases, add-to-cart events, checkouts, logins, and subscriptions—all without extra effort on your end. Want even more control? You can define custom events via an API to capture the exact interactions that matter to your app. 

 [Learn more about Smart Events ➡️] 

📊 Funnels: Visualize User Journeys 

Funnels empower you to track the steps users take toward a goal or conversion. Understand where users drop off, how they progress, and pinpoint the exact steps causing friction in their journey. Whether it’s onboarding flows or purchase processes, Funnels offer invaluable insights to improve your app’s user experience.  

[Get started with Funnels ➡️] 

🔒 Data Capture Rules: Ultimate Control for Efficiency 

Take charge of your app’s data usage with the new Data Capture Rules. Limit daily uploads to conserve bandwidth or dynamically enable/disable Clarity on devices with limited memory. These flexible controls ensure that Clarity adapts seamlessly to your app’s environment, offering precision without compromise.  

[Explore Data Capture Rules ➡️] 

📱 iOS 18 Support: Pixel-Perfect Recordings 

We’re officially out of beta for iOS 18 support! Experience flawless session recordings, including seamless out of the box integration with SwiftUI. Dive into crystal-clear user interactions on Apple’s latest platform. 

🌟 Custom Screen Names: Personalize Your Sessions 

Bring your app sessions to life with custom screen names! This long-awaited feature is perfect for developers using React Native, Compose, or SwiftUI. Now, you can rename screens dynamically—on load, during navigation, or at key user interactions. Tailor your sessions to reflect your app’s personality and structure.  

🔄 On-Demand Session Control 

Introducing a la carte session management! Start and stop Clarity sessions whenever you want. Whether it’s user logins, logouts, or button clicks, you have full control over session timing with our new StartNewSession () API . This level of flexibility ensures that your in-app analytics are as precise as possible. 

Why Upgrade? 

These features are designed to give you unparalleled flexibility and control over your in-app analytics and data management. To make the most of the new Clarity SDK, check out the detailed changelog and ensure your development team upgrades to the latest version. 

Take your user insights to the next level with Microsoft Clarity—Happy visualizing! 🚀 

New Update: Microsoft Clarity’s Enhanced Integration with Wix  

New Update: Microsoft Clarity’s Enhanced Integration with Wix  

We are excited to share some great news about the Microsoft Clarity integration with Wix! Our latest update brings all of Clarity’s powerful features directly into the Wix platform, making it easier than ever to gain valuable insights into your website’s user behavior.  

What’s New?  

With this update, you can now enjoy a seamless experience with the following Clarity features embedded directly into Wix:  

  • Automatic project creation and linking: From Wix, easily create new projects or link existing Clarity projects to your Wix site, ensuring a smooth and efficient setup process  
  • Clarity Dashboard: Access a comprehensive overview of your site’s performance, popular pages, and user insights, such as their location and the devices and browsers they use.  
  • Session Recordings: Examine user behavior as it happened, identifying where things are working smoothly and where users drop off.  
  • Heatmaps: Discover where your users clicked and scrolled, and how they moved around your site. Understand which parts of the page drive the most engagement and which parts get less traffic.  
  • Clarity Chat: Interact with Clarity through an intuitive conversational interface to get insights and recommendations using the Copilot experience.  
  • Heatmaps summarization using Copilot: Get summarized insights from heatmaps to quickly understand user behavior patterns.  
  • Session Recordings summarization using Copilot: Receive concise summaries of session recordings to identify key user interactions and issues efficiently.  

Why This Matters  

Integrating Clarity within Wix provides a unified experience, allowing you to access all the powerful features of Clarity without leaving the Wix platform. This seamless integration makes it easier to analyze and optimize user interactions, enhancing your website’s performance and user experience.  

Explore these new features and see how they can elevate your website’s performance. With Microsoft Clarity’s enhanced integration with Wix, you have all the tools you need to make informed decisions and improve your site’s design and functionality.  

Get started today and stay tuned for more exciting updates.

Happy optimizing!  

Watch Now: An Overview of E-Commerce Features in Microsoft Clarity

Watch Now: An Overview of E-Commerce Features in Microsoft Clarity

Ecommerce filters in Microsoft Clarity help analyze user interactions and behaviors related to online shopping.

Key metrics include:

  • Purchases: Percentage of sessions leading to a purchase
  • Product Insights: Popular items with filters for price, availability, and brand

Explore the Purchases card for data and recordings, or the Products card for top products and filters. Dive into Conversion Maps to analyze interactions that drive purchase rates and optimize performance.

Learn how to combine these features with over 40 other Clarity filters for deeper insight by watching the video below:

Don’t forget to subscribe to our YouTube channel and follow us on social so you know when our next video will drop! 

Enjoy!

Simplify Your Project Setup with Microsoft Clarity’s New NPM Integration  

Simplify Your Project Setup with Microsoft Clarity’s New NPM Integration  

We are excited to announce a new integration that will make setting up your projects easier than ever! Microsoft Clarity is now integrated with NPM, streamlining the process of adding powerful analytics to your web projects.  

Why NPM Integration?  

NPM (Node Package Manager) is a widely-used package manager for JavaScript, making it simple to manage project dependencies. By integrating Clarity with NPM, we aim to:  

  • Simplify Installation: Add Clarity to your project with a single command.  
  • Automate Updates: Keep your Clarity integration up-to-date effortlessly.  
  • Enhance Developer Experience: Reduce setup time and focus on building great features.  

How to Get Started  

Getting started with the new integration is straightforward. Follow these steps:  

  1. Create a new Clarity project  
  1. Install and import Clarity library via NPM:  
npm install @microsoft/clarity
import Clarity from '@microsoft/clarity';
  1. Initialize Clarity in Your Project:  
    To get your Clarity project ID, go to your project Settings > Overview  
const projectId = "yourProjectId" 

Clarity.init(projectId);
  1. Deploy and Monitor: Deploy your project and start monitoring user interactions with Clarity’s comprehensive analytics.  

Clarity’s Core Features, Now Seamlessly Available with NPM

Clarity’s NPM integration empowers you to access and use the core features that make understanding user behavior effortless. These functionalities are now more accessible than ever, allowing you to customize and enhance your analytics setup with ease: 

  • Identify API: Track individual users, sessions, or pages with custom identifiers for more personalized and actionable insights. 
  • Custom Tags API: Tag specific actions, elements, or interactions to focus on what matters most for your site. 
  • Custom Events API: Gain deeper behavioral insights by tracking user actions manually through custom events. 
  • Cookie Consent API: Ensure privacy compliance with seamless consent management tailored to your users’ preferences. 

Join the Community  

We invite you to join our growing community of developers who are leveraging Microsoft Clarity to build better web experiences. Share your feedback, ask questions, and collaborate with others on our GitHub repository or email our support team directly at clarityms@microsoft.com.

The new NPM integration is a significant step towards making Microsoft Clarity more accessible and easier to use. We are committed to continuously improving our tools to help you succeed. Try it out today and see the difference it makes in your project setup and analytics workflow!

Now Playing: An Overview of Microsoft Clarity Insights

Now Playing: An Overview of Microsoft Clarity Insights

Identify and fix poor UX with Clarity Insights by diving into how Clarity helps you quantify and address user frustration. Discover key metrics like rage clicks, dead clicks, excessive scrolling, and quick backs to pinpoint UX issues. Learn how to use these insights to improve your site and turn one-time visitors into engaged readers.

Learn more on Insight Metrics to see how you can transform your user experience by watching the video below:

Don’t forget to subscribe to our YouTube channel and follow us on social so you know when our next video will drop! 

Enjoy!

Exciting News: Microsoft Clarity’s Enhanced Integration with WordPress  

Exciting News: Microsoft Clarity’s Enhanced Integration with WordPress  

We are thrilled to announce a major update to the Microsoft Clarity integration with WordPress! This update brings all of Clarity’s powerful features directly into the WordPress platform, making it easier than ever to gain valuable insights into your website’s user behavior.  

What’s New?  

With this update, you can now enjoy a seamless experience with the following Clarity features embedded directly into WordPress:  

  • Automatic project creation and linking: From WordPress, easily create new projects or link existing Clarity projects to your WordPress site, ensuring a smooth and efficient setup process  
  • Clarity Dashboard: Access a comprehensive overview of your site’s performance, popular pages, and user insights, such as their location and the devices and browsers they use.  
  • Session Recordings: Examine user behavior as it happened, identifying where things are working smoothly and where users drop off.  
  • Heatmaps: Discover where your users clicked and scrolled, and how they moved around your site. Understand which parts of the page drive the most engagement and which parts get less traffic.  
  • Clarity Chat: Interact with Clarity through an intuitive conversational interface to get insights and recommendations using the Copilot experience.  
  • Heatmaps summarization using Copilot: Get summarized insights from heatmaps to quickly understand user behavior patterns.  
  • Session Recordings summarization using Copilot: Receive concise summaries of session recordings to identify key user interactions and issues efficiently.  

Why This Matters  

Integrating Clarity within WordPress provides a unified experience, allowing you to access all the powerful features of Clarity without leaving the WordPress platform. This seamless integration makes it easier to analyze and optimize user interactions, enhancing your website’s performance and user experience.  

Explore these new features and see how they can elevate your website’s performance. With Microsoft Clarity’s enhanced integration with WordPress, you have all the tools you need to make informed decisions and improve your site’s design and functionality.  Get Started Today!

Stay tuned for more updates and happy optimizing!  

Now Playing: Utilizing Funnels in Clarity

Now Playing: Utilizing Funnels in Clarity

Track user journeys using Funnels in Microsoft Clarity. Funnels help you understand user actions leading up to conversions, like how many users visited a sale page before buying or signed up after viewing a landing page.

In this video you’ll learn how to create, view, and edit funnels, and how to use them to identify drop-offs and improve your user flow. Dive into recordings and heatmaps to explore user behavior and optimize your funnels for better results.

Ready to explore funnels and increase conversions on your site? Watch our video below!

Don’t forget to subscribe to our YouTube channel and follow us on social so you know when our next video will drop! 

Enjoy!

Now Playing: An Overview of Smart Events

Now Playing: An Overview of Smart Events

Microsoft Clarity’s Smart Events provide automated tracking of user interactions on your site without needing manual setup. They simplify the analysis of user behavior by automatically identifying key actions like clicks and page visits. Whether you’re analyzing a new checkout flow or specific user interactions, smart events let you zero in on what matters.

See how to filter sessions, view recordings, and manage smart events easily. From setting up to editing and creating new events, this video covers it all!

Ready to gain key insights and optimize your site? Watch our video below!

Don’t forget to subscribe to our YouTube channel and follow us on social so you know when our next video will drop! 

Enjoy!

The Value of Custom User IDs in Clarity

The Value of Custom User IDs in Clarity

One of the benefits of Clarity is being able to dial in the interface to fit your needs when it comes to analytics, reporting and visualizations. We are excited to highlight the “Custom user ID” feature which enhances Clarity’s capabilities even further. 

You might be familiar with the “Clarity user ID,” a generic user ID assigned to each visitor when they come to your site. This ID gets assigned to features like screen recordings and it is possible to filter by, however it isn’t consistent across browsers and devices. 

Custom user IDs on the other hand can help you stitch together your users’ sessions across devices, browsers, and more! For example, if a user visits your site through mobile and desktop, or even two different browsers, you’ll be able to see their journey across all on the visitor profile. Visitor profiles shown below, provide a detailed and organized display of information about your users, all in one place. Learn more about visitor profiles here

Using a custom identifier can help you view more unified and complete user journeys when performing a user-level-based analysis and is useful for debugging, investigating patterns, and examining data based on specific customers. 

Custom identifiers are nothing but informational data values about site visitors that are sent to Clarity by your client-side code over its Identify API. Custom user ID is just one of those identifiers and is configurable under the custom-id key-value pair. Other custom identifiers include custom-session-id and custom-page-id. Learn more about custom identifies and our API visit here

All values provided and transmitted over the Identify API get securely hashed on the client before being sent to Clarity servers. For example, you could decide to send across a user’s email address or their respective customer loyalty ID as a custom-id and Clarity would ensure that this information remains protected and confidential. For an optimal use of custom-id, the Identify API should be called for each page of the website even if you choose not to pass other identifiers, such as custom-session-id or custom-page-id

Tip: Use unique custom user IDs for authenticated users. Sending static strings for all authenticated users is undesired and makes custom user IDs useless. For unauthenticated users, either don’t use the API or set the ID to ‘unknown,’ ‘not logged in,’ or ‘0. 

Below you can see the filter fields which will allow you to filter by custom IDs. You can also learn more about filters here or watch our YouTube video here

We hope this feature highlight will allow you to better track and interpret your customer data. As always if you have any feedback please reach out to us at msclarity@microsoft.com!