Guide Index
Guides HomeMangoApps WebsiteCommunity & SupportBlog & Resources
MangoApps Integrations Guide
MangoApps Integrations Guide
  • 🥭Integrations
  • 🌐Analytics
    • Google Analytics
    • Integration with Tableau
  • 🌐Digital Signage
    • Digital Signage Integrations
    • Integration with Appspace
    • Integration with Monitors AnyWhere
    • Integration with Rise Vision
    • Integration with ScreenCloud
    • Integration with Yodeck
  • 🌐Events
    • Event Integration with Zoom
  • 🌐File Storage and Sharing
    • Integration with Adobe Experience Manager (AEM)
    • Integration with Box
      • Box as the File Storage
      • Box as External Document Repository
    • Integration with Dropbox
    • Integration with Google Drive
    • Integration with NetSuite
    • Integration with SharePoint
      • SharePoint Files and Federated Search
      • SharePoint Widget
  • 🌐HRIS Partner Integrations
    • 🆕HRIS Partner Integrations
    • 🆕Integration with Workday
    • Paylocity Integration
  • 🌐Single Sign-On
    • Single Sign-On Integrations
    • General Protocol Setups
      • Active Directory/LDAP
      • OAuth2.0
        • OAuth2.0 with Open ID Connect
      • SAML
    • SSO Integrations by Provider
      • SSO Integrations for ADP Workforce Now
        • Integration with ADP Workforce Now (Old)
        • ADP Workforce Now Widget
      • SSO Integrations for Google Workspace
        • Google Cloud Identity
        • Integration with Google Enterprise using OAUTH 2.0
      • SSO Integrations for Microsoft
        • SCIM Setup for Microsoft Entra ID
        • Integrating Office 365 SSO Using OAuth2.0
        • Active Directory Federation Services
      • SSO Integrations for Okta
        • SCIM Setup for Okta
        • OAuth2.0 Setup for OKTA Using OpenIDConnect
      • SSO Integrations for OneLogin
        • SCIM Setup for OneLogin
      • SSO Integrations for UKG
      • 🆕SSO Integrations for Workday
        • 🆕MangoApps as an SSO Provider for Workday
        • 🆕Workday as an SSO Provider for MangoApps
  • 🌐Shifts & Schedules
    • Integration with Kronos
    • 🆕Integration with PDI Workforce
  • 🌐Widgets
    • Integration with MS Stream
    • Integration with Tagbox
  • 🌐Workspace
    • Integration with AirBrake
    • Integration with Freshdesk
    • Integration with GitHub
    • Integration with Huddle
    • Integration with JIRA
    • Integration with Microsoft Clarity
    • Integration into Microsoft Teams
    • Integration with OC Tanner
    • Integration with Pingdom
    • Integration with Power BI
    • Integration with Salesforce
    • Integration with Slack
      • Integration with Slack for Channel Notifications
    • Integration with Zendesk
  • 🌐ADDITIONAL RESOURCES
    • Submit a Support Ticket
    • Release Notes
Powered by GitBook
On this page
  • Overview
  • MangoApps Roles Prerequisites
  • Setup of Microsoft Clarity
  • Microsoft Clarity Admin View
  • Security Considerations
  • Data Deletion
  • Rollout Recommendations and Best Practices
  • Microsoft Clarity + MangoApps Integration Video Walkthrough
  1. Workspace

Integration with Microsoft Clarity

PreviousIntegration with JIRANextIntegration into Microsoft Teams

Last updated 5 months ago

Overview

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 Roles Prerequisites

  • 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.


Setup of Microsoft Clarity

1. Create a Microsoft Clarity Account

  • 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.


Microsoft Clarity Admin View

Dashboard Overview

  • View metrics like Total Sessions, Total Clicks, Page Views, and Engagement Time.

  • Gain a high-level snapshot of MangoApps site performance.


Heatmaps

  • 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.


Session Recordings

  • 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 and Dead Clicks

  • Rage Clicks: Indicates frustration caused by non-responsive elements.

  • Dead Clicks: Highlights misleading or non-clickable elements.


Quickbacks

  • Monitor quickbacks to identify content or usability issues.


Insights

  • Analyze metrics like Scroll Depth, Click Rate, and Interaction Time.

  • Investigate bounce rates and exit pages for improvement opportunities.


Segmentation

  • Focus on specific user groups based on device, location, or behaviors.

  • Optimize for mobile users or identify navigation challenges for specific regions.


Performance Metrics

  • Diagnose slow page load times and optimize for better performance.


Google Analytics Integration

  • Combine Clarity's qualitative data with Google Analytics' quantitative data for richer insights.


Downloadable Reports

  • Export reports to share insights with your team.


Security Considerations

  • Ensure only MangoApps domain administrators access the Clarity setup.


Data Deletion

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.


Rollout Recommendations and Best Practices

  • Obtain approval from IT, Legal, or other relevant departments before enabling session tracking.

  • Communicate the integration’s purpose and benefits to stakeholders.


Microsoft Clarity + MangoApps Integration Video Walkthrough

Visit the .

Refer to the for compliance.

Access the complete video walkthrough .

🌐
Microsoft Clarity website
MangoApps Privacy Policy
here