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
公式URL 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
Eメール [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"
    ]
}