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

Question

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

P粉512526720 · Answer

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

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

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

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

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

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

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

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

＃＃＃お役に立てれば。