Matomoのヒートマップは、ウェブサイト上でのユーザーのインタラクションや行動を視覚的に分析できる強力な機能です。ヒートマップは、集計されたデータを色分けされたビジュアライゼーションの形で表示することで貴重なインサイトを提供し、ユーザーのエンゲージメントパターンを理解しやすくします。

Matomoでヒートマップを有効にするには、以下の条件を満たす必要があります。

JavaScriptトラッキングコード：

Matomoのヒートマップが正しく機能するにはJavaScriptが必要です。ウェブサイトのページにMatomoのトラッキングコードが正しく実装されていることを確認してください。このトラッキングコードはユーザーデータを収集し、ヒートマップの生成に使用します。あなたのウェブサイトのトラッキングコードは以下から見つけることができます。管理 > ウェブサイト > トラッキングコード.

iOS、Android、デスクトップアプリケーションのように、JavaScriptを組み込むことができない場合、ヒートマップやセッション記録は機能しないことに注意してください。現在のヒートマップサポートは専らウェブブラウザのトラッキング用に調整されています。

アクセス可能なconfigs.phpファイル：

Matomo はコンフィギュレーション設定を保存するために configs.php ファイルに依存しています。このファイルがアクセス可能で、サーバ側の制限やセキュリティ対策によってブロックされていないことを確認してください。configs.php ファイルがブロックされていると、ヒートマップやセッション記録が期待通りに動作しないことがあります。

ユーザーの同意とプライバシー：

ウェブサイトにヒートマップを表示する前に、適用されるデータプライバシー規制を遵守し、必要に応じてユーザーの同意を得るようにしてください。Matomo のようなトラッキングツールを使用する場合、ユーザーのプライバシーを尊重することは非常に重要です。Matomoの開発者ハブには、録画で個人データをマスクする方法が記載されています。

iframeでの作業

iframeを使ったヒートマップは少し厄介です。iframeのコンセプトは、安全性を保つために親ページに内部HTMLを一切公開しないことだからです。一般的には、いくつかの選択肢があります：

iFrame自体にトラッキングコードを追加する。– iframedページにアクセスできる場合、iframedページにトラッキングコードを追加することができます。この場合、まず以下のfaqを確認することが重要です。https://matomo.org/faq/how-to/how-do-i-track-a-website-within-an-iframe

iFrameとは別にページのコンテンツをロードする。– 例えば、jQueryを使ってページのコンテンツを取得し、特定のページ要素を表示する必要のあるページに挿入するような場合です。

次のFAQ ：ヒートマップは、スティッキー/固定ヘッダーやナバー上のクリックをどのように処理しますか？

以前のFAQ ：ヒートマップ＆セッションレコーディングはどのブラウザに対応していますか？