Clarity Blog

Get started
Pricing

Month: July 2024

Building Copilot in Clarity: Q&A with a Senior Software Engineer

Building Copilot in Clarity: Q&A with a Senior Software Engineer

· Clarity Staff

If you haven’t heard yet, we’ve built a suite of Copilot features within Clarity to make data analysis easier and faster for you and to help you skip directly to the important info. These features all incorporate generative AI through Large Language Models (LLMs), the same technology that underpins ChatGPT.

With the recent announcement of Copilot Chat, we sat down with Senior Software Engineer Amr Bekhiet who leads the development of Copilot in Clarity to learn more about his role, some of his favorite features and the future of AI.

Hello Amr! Thanks for taking the time to chat! Can you tell us a little about yourself, your role on the team, and how long you’ve been with Clarity?

I started as a Summer Software Engineer Intern in 2017. With over five years of full-stack development experience, my expertise includes performance optimization, SEO (search engine optimization), and AI prompt engineering. Passionate about user experience and AI solutions, I have worked across various Bing search teams and transitioned to my current role in 2023. 

As a Senior Software Engineer at Microsoft Clarity, I lead the development of Clarity in Copilot. This AI-powered suite helps users understand website visitor interactions through features like session replay insights, heatmap insights, and dashboard chat. My role ensures these features are high-performing, reliable, and of top quality to enhance user experience and stay ahead of industry trends. 

I joined the Clarity Team in February 2023. 

What does a Senior Software Engineer do on a day-to-day basis? 

A Senior Software Engineer’s Day involves a mix of technical and leadership tasks, such as: 

  • Coding and Development: Writing, testing, and debugging code. 
  • Project Technical Management: Leading project features to ensure they meet deadlines. 
  • Collaboration: Working with engineers, designers, and product managers. 
  • Code Reviews: Ensuring code quality and best practices. 
  • Mentorship: Guiding junior engineers. 
  • Problem-Solving: Resolving technical issues. 
  • Continuous Learning: Staying updated with the latest technologies. 

Overall, they balance hands-on coding with strategic planning and team leadership to deliver successful project features!

Can you tell me about your role in helping develop Copilot features within Clarity?

As the lead engineer for Microsoft Clarity Copilot, I drive the creation and integration of AI-powered features. I ensure these features are reliable and high performing. I work closely with various teams to define requirements and prioritize responsible AI practices, conducting thorough reviews to ensure ethical and beneficial solutions. We ship features with automatically generated evaluation reports to monitor AI quality and address issues promptly. 

Which Copilot feature is your favorite? 

My favorite feature is the heatmap AI-based insights. These insights provide valuable information on how visitors interact with website pages, summarizing data from various heatmap types like rage clicks, dead clicks, and error clicks across all devices. This helps users make data-driven decisions to improve user experience. 

Here is one of my favorite tweets from a customer about heatmap insights:

How long did these features take to build?

Building these features took several months, involving stages like planning, defining requirements, development, testing, and thorough reviews. Collaboration with various teams was key to ensuring each feature was well-integrated and aligned with user needs.

Is there anything coming in a future product release that you can talk about or that will get people excited?

While I cannot share specific details, we are working on several exciting new features that will enhance Microsoft Clarity Copilot’s capabilities, making it even more powerful and user-friendly. We are focused on detecting issues and gaining insights based on generative language models, with the next step being to empower customers to act upon those insights. 

What is your favorite part about working on the Clarity team?

My favorite part is seeing how our AI-powered features make a real difference for our users. It is incredibly rewarding to know that the tools we develop help people understand and improve their websites more effectively. I also love the collaborative aspect, working with talented teams across different disciplines to bring innovative ideas to life. Plus, the commitment to responsible AI ensures we are creating ethical and beneficial tools. It is great to be part of something that has such a positive impact!

Here are a few posts from our users showing how Copilot can make a difference:

Finish this sentence: Generative AI is going to… 

Revolutionize the way we interact with technology, making it more intuitive, personalized, and efficient.

What is a fun fact that most people do not know about you?

A fun fact is that I had one of the longest internships at Microsoft and got my offer right after my graduation, at some point, I was called “The intern who never left.”

Thanks Amr for taking the time to share with us some awesome insights into how Copilot in Clarity came to be!

If you haven’t read up on all of our Copilot features so far, you can check them out in our recent blog post here!

Follow us on X, Instagram and LinkedIn for all product and industry updates and so you can keep track of what’s coming next from our Clarity team!

Add Clarity to your site today!

Use our insights and analytics to wow your website visitors!

Get Clarity now!
Introducing the Clarity Recipe Widget for Food Bloggers

Introducing the Clarity Recipe Widget for Food Bloggers

· Clarity Staff

If you’re a food blogger aiming to enhance your website, boost engagement, and possibly increase your ad revenue, it’s time to turn your attention to Clarity’s latest feature, the Recipe Widget. This tool is designed to provide comprehensive insights into how your audience interacts with your recipe posts and cards, allowing you to make strategic improvements that could elevate your blog’s performance.

Optimize Engagement with Recipe Post Metrics

The Clarity Recipe Widget doesn’t just count views; it dives into the analytics of your recipe posts. By monitoring key performance indicators such as the number of sessions, clicks on the “Jump to Recipe” button, and views on related recipes, this tool helps you understand the audience’s interaction with the narrative of your recipes. You can also access session recordings to see exactly how visitors navigate your posts. As one blogger noted, “Even though I do a lot of social media, it leads to few views on the blog, and that’s where the money is… It would be good to know if a new recipe is getting traffic from Google or Instagram; I can prioritize my outreach by source.“

Deep Dive with Recipe Card Metrics

The detailed, step-by-step section of your posts—your recipe cards—are also under the lens. Track not only the number of views but also gather insights on user behavior with heatmaps and recordings. Discover if your content’s length or style affects engagement and monitor how long it takes users to find the recipe card, whether they click directly or scroll through the post. This data could be vital in restructuring your content layout for better visibility and engagement.

“One of my key metrics is to see organic versus social media traffic distribution – GA4 has made this hard,” a user shared in a recent study we conducted with some top food bloggers around the world.

With Clarity, you gain clearer insights, allowing you to refine your traffic strategies effectively.

Leverage Data to Elevate Your Content

With the Clarity Recipe Widget, you can analyze user interaction data to make informed decisions that refine your blog posts. If you find that users linger before reaching the recipe card, consider making it more prominent or shifting it higher on the page. Utilize session recordings and heatmaps to understand what content captivates your audience, helping you brainstorm other appealing recipes.

Monetize Your Food Blogging Efforts

Beyond optimizing content, the Clarity Recipe Widget aids in monetizing your blog more effectively. Understanding what attracts and engages your audience can prove invaluable when negotiating with advertisers or choosing the right affiliate products to promote.

Common monetization methods for food bloggers:

Advertising: Generate revenue through direct ad placements or networks like Google AdSense.

Affiliate Marketing: Earn commissions by promoting products or services relevant to your audience.

Sponsored Posts: Collaborate with brands that resonate with your followers for mutual benefits.

Armed with detailed metrics and insights, you can demonstrate to potential advertisers the value and engagement of your content, thereby attracting more lucrative deals.

Why Use the Clarity Recipe Widget?

Check out the Clarity Recipe Widget and propel your food blog to “egg-strordinary” heights. It’s not just a tool; it’s a must-have feature for bloggers focused on fine-tuning their content strategy and maximizing their revenue potential. With unique features like detailed analytics and interactive heatmaps—reflecting trends that many recipe sites now share—you’re equipped to stand out in a crowded market.

So why wait? Implement the Clarity Recipe Widget today and watch as your food blog transforms from standard to spectacular, all while boosting your earnings and engagement in the flavorful world of food blogging.

It’s a matcha made in heaven.

Introducing Microsoft Clarity iOS SDK

Introducing Microsoft Clarity iOS SDK

· Clarity Staff

The long-awaited support for iOS has been just released! Learn how to use the new Clarity iOS SDK to gain insights into your users’ behavior and improve your app experience. 

How does Clarity iOS SDK work? 

The Clarity SDK for iOS allows you to capture essential information about your user interactions with all parts of your app. This information can be used to replay user sessions, view heatmaps, and monitor key application signals via the metrics dashboard. Integrating Clarity SDK into your mobile application requires minimum development effort.  Once the SDK is integrated into the mobile application and is initialized, data is automatically captured and sent to Clarity’s servers, and you can start seeing your data in minutes! 

What does Clarity iOS SDK Offer? 

Clarity iOS SDK offers the same features as the Clarity array of SDKs and Clarity for websites: Recordings, Heatmaps, Copilot Session Insights and more!

Why use Clarity iOS SDK? 

Weather you’re an iOS, Android or Reactive Native owner, Clarity SDKs offer you many benefits, such as: 

  • Easy integration: You can integrate Clarity iOS SDK into your existing mobile app projects with just a few lines of code.
  • Low impact on your app: We know that for app developers, performance is top of mind.  All our SDKs have been designed to minimize the impact on mobile performance with its unique screen re-drawing approach that is designed to save device client’s bandwidth and memory. 
  • Privacy-friendly: You can respect your users’ privacy and comply with GDPR and CCPA. Clarity does not collect any personally identifiable information (PII) or sensitive data from your users.
  • Scalability: You can scale your apps to millions of users without worrying about infrastructure, security, or performance. Clarity handles everything for you behind the scenes. 

Let’s Get Started! 

You may be asking a few questions, hopefully we can help answer them below!

What types of apps does iOS SDK support? 

iOS SDK supports apps developed with UI Kit frameworks. Apps made with Swift UI will be supported later this year.

Can I use the same Clarity project to see both my Android and iOS app users? 

Yes, you can put the same Android project ID in your iOS Integration code, and through the ‘Operating Systems’ filter, you’ll be able to filter on different user sets. 

How do I get started with Clarity iOS SDK? 

Getting started with Clarity iOS SDK is easy and fast. Here are the steps you need to follow: 

  • Follow the integration Instructions of Clarity iOS SDK here 

We are super excited about our iOS release!  We will continue to launch new features and make improvements, including supporting Flutter and other popular platforms in the future.  Give it a try and email us your suggestions or inquiries at clarity-apps-support@microsoft.com.  We’d love to hear your feedback as we continue to build the product around you!