技術情報

Matomoで単一ページのウェブサイトやアプリを測定するには?

近年、シングルページのウェブサイトやウェブアプリケーションがますます普及しています。しかし、これらのアプリケーションのパフォーマンスとユーザー行動を正確に追跡することは、成功のために不可欠です。シングル・ページ・アプリケーション(SPA)やプログレッシブ・ウェブ・アプリケーション(PWA)のデータを測定することは困難ですが、意味のある正確な洞察力を得るためには極めて重要です。

幸いなことに、このプロセスは、Matomo タグマネージャに内蔵されている履歴変更トリガーを使用することで、大幅に簡素化できます。SPA/PWAでは通常、ページビューと履歴変更トリガーの組み合わせが必要です。両方を使用することで、最初の訪問(ページビューをトリガー)を捕捉し、ページ内を移動するたびに(履歴変更をトリガー)、合わせて正しい訪問数になります。

シングルページアプリケーションを追跡するための履歴変更トリガーの設定方法

  1. Matomo Tag Managerのコンテナで、「Triggers」に移動し、「Create new Trigger」をクリックします。
  2. User Engagement “セクションで “History Change “トリガーを選択します。
  3. トリガーには、例えば “History Change “のように名前を付けます。
  4. 「新しいトリガーを作成」をクリックします。
  5. 別のトリガーを作成し、今回はトリガータイプに “Pageview “を選択します。
  6. Pageview “セクションで “Pageview “トリガーを選択します。
  7. トリガーに、例えば “Pageview “のような名前をつけます。
  8. 「新しいトリガーを作成」をクリックします。
  9. 次にタグをクリックし、「新しいタグを作成」をクリックします。
  10. タグの種類として「Matomo Analytics」を選択します。
  11. Configure what this tag should do “セクションで、”Tracking type “を “Pageview “に設定します:
  12. カスタムタイトルを{{PageTitle}}に、カスタムURLを{{PageOrigin}}/{{PageHash}}に設定してください。そうでない場合は、{{PageUrl}}と設定してください。
  13. 「これらのトリガーのいずれかがトリガーされたときにこのタグを実行する」オプションで、作成した「履歴変更」と「ページビュー」のトリガーを選択します。
  14. プレビュー/デバッグモードを使用して、トリガーとタグが期待通りに動作していることを確認してください。
  15. トリガーとタグが期待通りに動作していることを確認したら、変更を公表してあなたのウェブサイトに展開してください。

おめでとうございます!Matomo タグマネージャを使用して、シングルページアプリケーションのページビュートラッキングを設定できました。

シングルページアプリケーションに複数のタイプの履歴変更を組み込んでいる場合、ページが表示されるたびに複数のページビュートラッキングリクエストに気づくかもしれません。これに対処するには、履歴変更のトリガーを制限する方法に関するFAQを参照してください。この問題を解決するには以下の手順に従ってください。こちらです。

Matomoのトラッキングコードの標準的なJavaScript実装を使用している方のために、包括的な開発者向けドキュメントを用意しています。Matomo Analytics を使用してシングルページアプリケーションを効果的にトラッキングする方法については、以下のガイドを参照してください。Matomo Analyticsを使って単一ページのウェブサイトやウェブアプリケーションをトラッキングする方法.

この調子で、Matomoを使ったシングルページアプリケーションのトラッキングを楽しんでください!