Skip to content

add Microsoft Clarity#1762

Open
seieric wants to merge 5 commits intomasterfrom
202512-ms-clarity
Open

add Microsoft Clarity#1762
seieric wants to merge 5 commits intomasterfrom
202512-ms-clarity

Conversation

@seieric
Copy link
Member

@seieric seieric commented Dec 14, 2025

Microsoft Clarityを導入するPRです。MicrosoftClarityコンポーネントを新しく作成して<head></head>に配置することで実現しています。partytownを利用してサービスワーカーとして実行されるようにしています。ただし、注意点にあるような現象が生じているため、partytownを使うのが適切かどうか悩ましい部分ではあります。

npmにある@microsoft/clarityはAstroへの統合が煩雑になると判断して今回は利用していません。

TODO

  • 実際のClarityのプロジェクトIDを反映する。
  • 動作を確認する。
  • プライバシーポリシー関連の記載を更新する。

注意点

Clarityの導入により開発者ツールのNetworkタブでトラフィックをキャプチャすると、proxytownという名称で大量のトラフィックが発生していることが確認できます。
これはMicrosoft Clarityがユーザーのページ内での動作にあわせて情報を収集する際に、メインスレッドとClarityが動作するサービスワーカーのスレッドで通信が発生するためで想定された挙動となります。実際のネットワークトラフィックではありません。QwikDev/partytown#576

@github-actions
Copy link

github-actions bot commented Dec 14, 2025

🚀 Deployed on https://deploy-preview-1762--utelecon.netlify.app

@seieric seieric marked this pull request as ready for review February 2, 2026 07:10
@seieric seieric requested a review from haxibami February 4, 2026 08:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant