Suivi des pages vues de Google Analytics avec Angular.js

Question

Je vais mettre en place une nouvelle application à l’aide de Angular.JS comme le frontend. Tout sur le côté client est fait avec HTML5 pushstate et je voudrais être en mesure de suivre mes pages vues dans Google Analytique.

Answer 1

Si vous utilisez dans votre app angulaire, vous pouvez écouter le événement et pousser un événement de suivi pour Google Analytique.

En supposant que vous avez le programme d’installation de votre code de suivi dans votre fichier index.html principal portant le nom de et MyCtrl est ce que vous avez définie dans le directive.

UPD : pour la nouvelle version de google-analytique utiliser celui-ci

Answer 2

Quand une nouvelle vue est chargée dans `` , Google Analytique ne le compte pas comme un nouveau chargement de la page. Heureusement, il existe un moyen de dire manuellement GA se connecter une url comme une nouvelle consultation de page.

``ferait le travail, mais comment lier qu’avec AngularJS ?

Voici un service que vous pourriez utiliser :

Lorsque vous définissez votre module angulaire, inclure le module analytique comme suit :

Answer 3

app.run(function ($rootScope, $location) {
    $rootScope.$on('$routeChangeSuccess', function(){
        ga('send', 'pageview', $location.path());
    });
});

Answer 4

Juste un ajout rapide. Si vous utilisez le nouveau analytics.js, puis :

En outre un Conseil, c’est que google analytique ne tirera pas sur localhost. Ainsi, si vous testez sur localhost, utiliser ce qui suit au lieu de la valeur par défaut créer (documentation complète)

Answer 5

Vous pouvez consulter http://luisfarzati.github.io/angulartics qui est un module analytique multifournisseur pour angulaire. Il supporte actuellement Google Analytique seulement, mais encore des moteurs sont à venir dans un futur proche !