用谷歌分析处理带#井号的网址

时间:2012-10-20 13:55:01

标签: google-analytics angularjs singlepage

我正在使用javascript客户端mvc(在这种情况下为angular.js)开发一个js单页Web应用程序

我在网站上添加了谷歌分析,但从目前为止我所看到的情况(至少实时)谷歌没有考虑到散列后的uri部分

我有一个类似mydomain.com.ar/#/ideas/1的网址,但对于谷歌分析,它看起来就像mydomain.com.ar/

任何想法?

2 个答案:

答案 0 :(得分:3)

您需要在#之后解析参数并使用_trackPageview发送数据,以便在您的网页报告中查看它们。

以下是如何做到的,

 var params = {},
     queryString = location.hash.substring(1), 
     regex = /([^&=]+)=([^&]*)/g, 
     m; 
 while (m = regex.exec(queryString)) { 
     params[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
 }
 _gaq.push(['_trackPageview', queryString]);

答案 1 :(得分:0)

使用$ window依赖项并调用路由更改。

还可以使用GA'set'来确保为Google实时分析选择路线。

$scope.$on('$routeChangeSuccess', function() {
    $window.ga('set', 'page', $location.url());
    $window.ga('send', 'pageview');
});