1. ホーム
  2. google-analytics

[解決済み】AngularJSでGoogle Analyticsのページビューを追跡する

2022-04-06 16:13:38

質問

フロントエンドにAngularJSを使用した新しいアプリを立ち上げています。クライアント側のすべてはHTML5 pushstateで行われ、Google Analyticsでページビューを追跡できるようにしたいと思っています。

どのように解決するのですか?

を使用している場合 ng-view をリッスンすることができます。 $viewContentLoaded イベントを作成し、Google Analytics にトラッキングイベントをプッシュします。

メインのindex.htmlファイルにトラッキングコードを設定したと仮定して、その名前を var _gaq で定義したものがMyCtrlです。 ng-controller ディレクティブを使用します。

function MyCtrl($scope, $location, $window) {
  $scope.$on('$viewContentLoaded', function(event) {
    $window._gaq.push(['_trackPageView', $location.url()]);
  });
}

UPDATEです。 Google-analyticsの新しいバージョンについては、こちらをご覧ください。

function MyCtrl($scope, $location, $window) {
  $scope.$on('$viewContentLoaded', function(event) {
    $window.ga('send', 'pageview', { page: $location.url() });
  });
}