Skip to content


The Dev Starter Frontend comes pre-configured with GA and Clarity

Microsoft Clarity

What is Microsoft Clarity?

Microsoft Clarity is a web analytics tool designed to help website owners understand how users interact with their site. It provides insights into user behavior through session replays, heatmaps, and various metrics.

Key Features of Microsoft Clarity:

  • Session Replays: Allows you to watch recordings of user sessions to see exactly how visitors navigate through your website.
  • Heatmaps: Visualizes user interaction by displaying areas of a webpage where users click, move their cursors, or spend the most time.
  • Scroll Maps: Illustrates how far users scroll down a webpage, helping optimize content placement.
  • Insights Dashboard: Provides metrics and analytics to understand user engagement, including bounce rates, session duration, and more. Segmentation: Allows segmentation of users based on behavior for targeted analysis.
  • Performance Metrics: Tracks page load times and other performance-related data for optimization purposes. Benefits of Microsoft Clarity:
  • User-Centric Insights: Gain a deep understanding of how users engage with your site, allowing for user-centric improvements.
  • Visual Representation: Visual data like heatmaps and session replays provide clear insights into user behavior. Actionable Data: Helps in making data-driven decisions for website optimization and user experience enhancements. Integrating Microsoft Clarity: Integrating Clarity involves adding a tracking code to your website, usually in the header section, to start collecting data.

Google Analytics

What is Google Analytics (GA)?

Google Analytics is a powerful web analytics service provided by Google that tracks and reports website traffic, providing valuable insights into user behavior.

Key Features of Google Analytics:

  • Traffic Analysis: Provides data on website visitors, including their demographics, location, and devices used.
  • Behavior Tracking: Tracks user interactions such as page views, clicks, and time spent on pages.
  • Conversion Tracking: Measures goals and conversions, such as form submissions, purchases, or other predefined actions.
  • E-commerce Tracking: Specifically tracks and analyzes e-commerce related metrics like transactions, revenue, and product performance.
  • Custom Reporting: Offers customization options to create specific reports tailored to your needs.
  • Real-Time Data: Shows live data on current website activity. Benefits of Google Analytics:
  • Comprehensive Insights: Provides a wide range of metrics and data for thorough analysis of website performance.
  • Data Visualization: Offers various graphical representations for easy interpretation of data.
  • Customization: Allows customization of reports and tracking to suit specific business needs.
  • Integration: Easily integrates with other Google tools and third-party platforms for enhanced data insights. Integrating Google Analytics: Integration involves generating a tracking ID from Google Analytics and embedding it into your website’s code, typically in the header section, to start collecting data.

Configuring Google Analytics and Clarity:

setting the given env variables on Frontend would configure your GA and Clarity