動的ページ分析を有効にする方法 (Vue.js)

Question

ユーザーが動的 URL を使用して新しいページを作成できる Web サイトを構築しています。各ページにトラフィック分析を個別に追加し、ユーザーが作成したページで収集されたデータのダッシュボードを表示できるようにしたいと考えています (表示のみ。特定のダッシュボードを編集することはできません)。これは、新しいユーザーがサインアップして独自のページを作成したときに自動的に追跡されるように自動化する必要もあります。

これは可能であれば Vue.js で動作するはずですが、バニラ JS で動作するものであれば何でも問題ありません。

Google Analytics または同様の代替ツールを使用してこれは可能ですか?これは高価ですか？

Answer 1

今日のほとんどの Web アプリケーションは、シングルページ アプリケーションまたはクライアント側 Web アプリケーションです。これは、GA などのほとんどの分析プラットフォームが Web アプリケーションで動作できることを意味します。

ただし、必要なメトリクスを取得するには、特定の方法で分析を実装する必要があります。 Google タグ マネージャーを使用して DataLayer を作成すると、長期的には作業が簡単になると思います。データ レイヤーが利用可能になると、このデータを任意の分析ツールで使用できるようになります。

画面ビューの変更を追跡するには、アプリケーションで利用可能なカスタム トリガーを使用して画面ビューの変更を通知するか、ここで説明されている履歴変更を使用できます: Google タグ マネージャーとシングル ページ アプリケーション## ＃。

上記のアプリケーションの変更を使用することもできます。

データ レイヤーにデータを入力し、GA を含むあらゆる分析でデータ レイヤーの値を使用する簡単なルート を次に示します。

他のオプションは、vue-analytics を使用することです。著者はわかりやすい

ドキュメント を提供しており、ブランチは ここ にあります。

これにより、追加された新しいページなどが自動的に追跡されます。

＃＃＃お役に立てれば。