Microsoft Clarity Live

Watch how people are engaging with your site - right from your site.

什麼是Microsoft Clarity Live?

Microsoft Clarity Live是由Microsoft Corporation開發的Chrome擴展程式,該擴展的主要功能是“Watch how people are engaging with your site - right from your site.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot

下載Microsoft Clarity Live擴展crx文件

下載Microsoft Clarity Live擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        The Microsoft Clarity Live extension helps you easily see where users engage with your site, where they get stuck, and test out new ideas. You don't have to go to a separate website or comb through columns of data to get the info you need, either. Clarity Live does the hard work for you by creating heatmaps and session recordings that you can view without leaving your site. These data visualizations make it simple to analyze engagement, optimize your design, and quickly identify and fix problems. 
 
How it works: Download the extension and set up a free Clarity account if you don't already have one. Then simply navigate to the page or specific experience you want to explore and select the heatmap, area heatmap, or session recording icon on the Clarity widget. Voila! Whichever Clarity feature you chose launches right over the page you're on. That's it. Analytics has never been so easy!
 
Highlights
 
Heatmaps: Clarity Live combines two types of heatmap into one view. Click heatmaps capture the most clicked (or tapped) elements on a page. Scroll heatmaps reveal the most viewed areas on a page by showing how far users scroll. Clarity Live makes it easy to see engagement for flyouts, popups, dropdown lists, and other elements that can be difficult to capture in a typical heatmap experience. 
 
Area heatmaps: Instead of visualizing engagement on the element level, these heatmaps allow you to select an area, which could contain several elements, to get the total clicks and click distribution rate. An area could include just one element or be as large as the entire page. You're in control.   
 
Session recordings: These give you a front-row seat to individual sessions. These animated renderings capture how a user explored your site, by showing you where they clicked or tapped, where they hesitated, and how they moved their cursor. Clarity Live makes it a snap to find recordings for a specific experience, too. For example, if you wanted to see how a user engages with a particular popup, you could fire the popup on your site, and select the recording icon on the widget. You would instantly see relevant recordings made within the last three days.  
 
A note on pricing: Clarity is 100% free. You'll never be asked to upgrade to a paid version. No credit card is required to sign up for a Clarity account. Learn more(https://clarity.microsoft.com/pricing)
 
Stop guessing. Get Clarity. 
 
Happy visualizing!                    

擴展基本資訊

名稱 Microsoft Clarity Live Microsoft Clarity Live
ID cjfdbemmaeeohgibnhdhlakiahifjjcf
官方網址 https://chromewebstore.google.com/detail/microsoft-clarity-live/cjfdbemmaeeohgibnhdhlakiahifjjcf
簡介 Watch how people are engaging with your site - right from your site.
檔案大小 3.34 MB
安裝次數 57,377
目前版本 1.0.3
更新時間 2022-12-22
上架時間 2022-04-14
評分 4.06/5 共 18 次評分
開發者 Microsoft Corporation
電子郵箱 [email protected]
付費類型 free
隱私政策頁面URL https://go.microsoft.com/fwlink?LinkId=521839
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Microsoft Clarity Live",
    "description": "Watch how people are engaging with your site - right from your site.",
    "manifest_version": 3,
    "version": "1.0.3",
    "icons": {
        "16": "icon-16.png",
        "32": "icon-32.png",
        "48": "icon-48.png",
        "128": "icon-128.png"
    },
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_popup": "popup.html"
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ],
            "js": [
                "content.js"
            ]
        }
    ],
    "web_accessible_resources": [
        {
            "resources": [
                "injected.js",
                "injected-entry.js",
                "panel.js",
                "widget.js",
                "heatmap.js",
                "vendors-async.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ]
        }
    ],
    "permissions": [
        "tabs",
        "storage"
    ]
}