🆕Integration with Microsoft Clarity
Last updated
Last updated
Integrating Microsoft Clarity with your MangoApps intranet and enterprise application provides valuable insights into user behavior, helping optimize the user experience and identify potential usability issues on your MangoApps websites or web applications.
Clarity is a free analytics tool that tracks user interactions, providing features such as heatmaps, session recordings, and performance metrics. These features allow you to understand how users interact with your site, identify problem areas like rage clicks and dead clicks, and improve usability. Clarity also offers insights into page load times and user engagement, which can help you diagnose performance issues and optimize the design of your MangoApps site.
MangoApps Domain Admin: Responsible for enabling domain-wide JavaScript integration.
Microsoft Clarity Admin User: Manages the Clarity account and creates tracking JavaScript code for MangoApps.
1. Create a Microsoft Clarity Account
Visit the Microsoft Clarity website.
Sign in with your Microsoft account or create one if necessary.
Access the Clarity dashboard upon login.
2. Create a New Project
Click "Add New Project" on the Clarity dashboard.
Enter the project name (e.g., your MangoApps website name).
Input the MangoApps website URL.
Click "Create" to finalize the setup.
3. Get the Tracking Code
Copy the JavaScript tracking code provided after project creation.
4. Add the Tracking Code to MangoApps
Log in as a MangoApps administrator.
Navigate to Admin Portal > Branding > JavaScript Section.
Paste the Microsoft Clarity tracking code.
5. Verify the Installation
Return to the Clarity project dashboard.
Click on Settings > Verify to ensure Clarity is working.
Allow a few hours for data to populate and appear.
6. Start Tracking and Analyzing
Once verified, Clarity will begin tracking user interactions.
Access session recordings, heatmaps, and analytics data from the Clarity dashboard.
7. Optional: Integrate with Other Tools
Go to Settings > Integrations in Clarity.
Follow prompts to integrate with tools like Google Analytics.
View metrics like Total Sessions, Total Clicks, Page Views, and Engagement Time.
Gain a high-level snapshot of MangoApps site performance.
Click Heatmap: Identify popular elements by analyzing click distribution.
Scroll Heatmap: Determine user engagement with content below the fold.
Mouse Movement Heatmap: Observe areas that capture user attention.
Replay user sessions to understand navigation and identify pain points.
Filter sessions by:
Device type (desktop, mobile, tablet).
Country or region.
Session duration.
Behavioral indicators (rage clicks, dead clicks, quickbacks).
Rage Clicks: Indicates frustration caused by non-responsive elements.
Dead Clicks: Highlights misleading or non-clickable elements.
Monitor quickbacks to identify content or usability issues.
Analyze metrics like Scroll Depth, Click Rate, and Interaction Time.
Investigate bounce rates and exit pages for improvement opportunities.
Focus on specific user groups based on device, location, or behaviors.
Optimize for mobile users or identify navigation challenges for specific regions.
Diagnose slow page load times and optimize for better performance.
Combine Clarity's qualitative data with Google Analytics' quantitative data for richer insights.
Export reports to share insights with your team.
Ensure only MangoApps domain administrators access the Clarity setup.
Refer to the MangoApps Privacy Policy for compliance.
To delete MangoApps data from Microsoft Clarity:
Contact the MangoApps Domain Administrator or Microsoft Clarity Admin.
Alternatively, email the MangoApps support team at support@mangoapps.com.
Obtain approval from IT, Legal, or other relevant departments before enabling session tracking.
Communicate the integration’s purpose and benefits to stakeholders.
Access the complete video walkthrough here.
