Skip to main content
OpenAIAnthropicGooglePerplexityMetaMicrosoft
Clarity ヒートマップ無料・ネイティブ搭載
Microsoft ClarityMicrosoft Clarity·Analytics

すべてのサイトに microsoft clarity ヒートマップをネイティブ搭載。

Clarity プロジェクト ID を貼り付けて保存すると、アナリティクス同意の背後でゲートされたスニペットが出力されます。ヒートマップ、セッションレコーディング、デッドクリック検出 — すべて Microsoft から無料で提供され、追加の WordPress プラグインなしで強化された Yovale オリジンで動作します。

無料トライアル。クレジットカード不要。全 30 インテグレーションがすべてのプランに含まれます。

includedYovale WordPress Hosting — Microsoft Clarity
yovale.com/ja/integrations/microsoft-clarity
Microsoft Clarity · analytics consent

すべての wordpress サイトにおける Clarity の層構造。

Clarity は市場で最も安価な本格的なヒートマップ製品です — Microsoft が Bing のプロダクトチームのために無償提供しています。障壁はコストではなく、インストールです。ほとんどの WordPress ホストでは Clarity プラグイン、同意バナープラグイン、そしてキャッシュバイパスルールを追加するよう求めます。

01
保存時検証
regex `^[a-z0-9]{6,16}$` をダッシュボードで強制
02
レンダリング時ミラー
スニペット出力前に PHP で同じ regex を再チェック
03
同意ゲート
アナリティクス同意が許可された後のみ発火
04
head インジェクション
`wp_head` 優先度 1 でスニペットを出力
01
Clarity プロジェクト ID インジェクター
02
同意対応のアクティベーション
03
無料ヒートマップ + セッションリプレイ
04
Clarity プラグイン不要
status panel
free
Microsoft Clarity は無料
0 plugins
Clarity プラグイン不要
GDPR ok
デフォルトで同意ゲート済み
heatmap mode

see where visitors actually click and scroll.

Clarity captures click density, scroll depth, and dead clicks — all free, all retroactive. heatmaps populate after the first ~1000 visits and update continuously.

hot
CTA zone
warm
value props
cold
footer
/landing — desktop · 14,820 sessions
session replay

watch the actual moment your conversion broke.

Clarity records every session — scroll, click, hover, form input. masked by default for sensitive fields. play back the journey of any visitor who bounced, abandoned cart, or hit a 404.

session_id: c8f3a4b2 · duration 03:47 · device iPhone 153 dead clicks
00:0002:05 ← here03:47
pricing

microsoft gives clarity away. we give the install away too.

Clarity is free. There is no upsell tier. Microsoft uses the aggregate behavioral data to improve Bing's product team — that's the trade. For most WordPress sites, it's the cheapest serious heatmap product on the market.

Hotjar Plus
5,000 sessions/mo
$32/mo
FullStory
enterprise pricing
$1,000+/mo
Smartlook
5,000 sessions/mo
$55/mo
Microsoft Clarity
unlimited sessions, no upsell
$0/mo
setup

paste your project ID. start recording.

Yovale は保存時に Clarity プロジェクト ID の形式を検証します。MU プラグインがスニペットを `<head>` にレンダリングし、訪問者のアナリティクス同意状態に応じてゲートします。

  • 1
    トラッキング → アナリティクスを開く

    ダッシュボードのトラッキングパネルで Microsoft Clarity を見つけます。デフォルトでは無効になっています。

  • 2
    Clarity プロジェクト ID を貼り付ける

    clarity.microsoft.com → 設定 → セットアップからコピーします。形式: 6〜16 文字の小文字英数字。

  • 3
    有効にして保存し、サイトにアクセスする

    最初のセッションが数分以内に Clarity に表示されます。ヒートマップデータは最初の 24 時間で蓄積されます。

Microsoft Clarity
enabled
project_id
abc123def456

Clarity がプロジェクト作成時に発行します。形式: 6〜16 文字の小文字英数字。

heatmaps
recordings
dead clicks
what fires

heatmaps, recordings, surveys — all on the same snippet.

Click + scroll heatmaps

see where visitors interact, where they don't, and how far they scroll.

Session replay

watch every session with masked form inputs by default.

Dead-click detection

Clarity flags taps on non-interactive elements — broken UX, signposted.

Rage-click + JS errors

frustration patterns + console errors — debugging without QA logs.

faq

questions before you switch hosts for Clarity.

Microsoft Clarity は本当に無料ですか?

はい。Microsoft は Clarity をセッションレコーディング、ヒートマップ、デッドクリック検出、レイジクリック分析を含めて無償で提供しています。セッションごとの制限やアップセルティアはありません。

Clarity は EU の同意を尊重しますか?

Yovale はアナリティクス同意シグナルの背後で Clarity をゲートします。訪問者がアナリティクス Cookie を拒否した場合、Clarity スニペットはレンダリングされません。Microsoft 自身の SDK にも同意フラグがありますが、Yovale のゲートはその前に実行されます。

セッションレコーディングは機密フォームフィールドをキャプチャしますか?

Clarity はデフォルトで入力フィールドをマスクします。Clarity ダッシュボード内で追加のマスキングルールを設定できます。Yovale のインジェクターは Clarity のプライバシーデフォルトを変更しません。

GA4 や Hotjar と並行して Clarity を使用できますか?

はい。それぞれ異なる目的を持っています — Clarity は無料ヒートマップ + レコーディング、GA4 はイベント、Hotjar はアンケート。3 つすべてが同じトラッキングパネルで共存します。

ページキャッシュが Clarity を壊しますか?

いいえ。スニペットはキャッシュされた HTML の一部です。レコーディングはクライアントサイドで行われ、エッジキャッシュの影響を受けません。

ready when you are

無料ヒートマップ、無料セッションリプレイ、初日から準備完了。

無料トライアル。クレジットカード不要。Clarity プロジェクト ID を貼り付けて保存するだけでレコーディングが始まります。