Microsoft Clarity（https://clarity.microsoft.com/） について、
ヒートマップやレコーディングを確認する際、
特殊なバグ（仕様？）が発生しましたので、
解決方法を記載します。（根本的な原因は不明）
目次
前提
・シュゼット様のサイト環境にてバグが発生した。
https://www.suzette-shop.jp/shop/c/cHENRI/
・キノスラのサイト環境では、バグは発生しなかった。
https://www.cnsr.jp/
バグについて
バグの詳細
ヒートマップやレコーディングを確認する際、
CSSがあたっていない状態でページが表示されてしまう。
バグの原因
CSSファイルのソースが文字化けしていたことが原因。
文字化けが始まる箇所について、
共通点が見つからず、ソースの内容が原因ではないと考えている。
※クラリティ上で読み込んでいるCSSのみ、文字化けし、
正規のページ上で読み込んでいるCSSは文字化けしていなかった。
バグの解消方法
cssファイルに何かしらの文字列を追加し、アップロードする。
専用の記述などは必要なく、「ファイルを更新」するといったトリガーで、
バグが解消された。
※文字列はコメントアウトでも問題ない。
※差分がゼロの状態でファイルをアップロードすると、
ファイルの更新が認識されなかった。
