技術情報

ヒートマップの生成やセッション録画の再生時にカスタムスタイルシートを適用するにはどうすればよいですか?

 

ヒートマップやセッション記録のレンダリング時にカスタムCSSを適用するには、いくつかの方法があります:

  • カスタム CSS スタイルシートをヒートマップとセッション記録に適用するには、CSS の前にhtml.matomoHsr(推奨)またはhtml.piwikHsrを付けます。
  • ヒートマップのみにカスタムスタイルシートを適用するには、CSS の前にhtml.matomoHeatmap(推奨)またはhtml.piwikHeatmapを付けます。
  • セッション録画にカスタムスタイルシートを適用するには、CSS の前にhtml.matomoSessionRecording(推奨)またはhtml.piwikSessionRecordingを付けます。
  • ヒートマップとセッション録画にのみカスタムスタイルシートファイルを読み込んで適用するには、以下のCSSコードをHTMLページまたはCSSに追加します:html.matomoHsr { @import url("fixed.css"); }.

カスタムスタイルシートは、ヒートマップやセッション記録に機密データが表示されないようにするのに便利です。また、ユーザがウェブサイトにアクセスしたときにポップアップが表示される場合にも便利です。状況によっては、ヒートマップ内にポップアップが表示されることがあります。また、ヒートマップを設定する際に、要素を除外または非表示にすることも可能ですが。しかし、スタイルシートで定義することで、新しいヒートマップを作成するたびに設定する必要がなくなります。