google analistics.js 一页网站

Question

我有一个单页网站，带有 Javascript 路由。

在地址栏中单击按钮时，您将获得以下链接：

/index.html#!/page_ABOUT_MAIN /index.html#!/page_ENDORSEMENTS 等等

页面没有重新加载，并且不计算对这些页面的点击。默认 google 分析仅计算 index.html 的点击我需要将这些页面计为单独的点击。这是我目前所拥有的：

菜单代码：

  <li><a href="#!/page_WHATIS" class="link1">What is The Rainbow Bridge?</a></li>
  <li><a href="#!/page_ABOUT" class="link2">About The Author</a></li>
  <li><a href="#!/page_CONTACT_INFO" class="link3">Contact Info</a></li>

javascript代码：

 /// analistics stats
     function addListener(element, type, callback) {
     if (element.addEventListener) element.addEventListener(type, callback);
     else if (element.attachEvent) element.attachEvent('on' + type, callback);
     }

     var link1 = document.getElementsByClassName('link1');
     var link2 = document.getElementsByClassName('link2');
     var link3 = document.getElementsByClassName('link3');

     addListener(link1, 'click', function() {
       ga('send', 'pageview', '#!/page_WHATIS');
     });

     addListener(link2, 'click', function() {
       ga('send', 'pageview', '#!/page_ABOUT');
     });

     addListener(link3, 'click', function() {
       ga('send', 'pageview', '#!/page_CONTACT_INFO');
     });

不幸的是它不起作用:(非常感谢任何帮助。

网址：http://www.metamorphozis.com/test/html5/index2.html

Answer 1

使用这个

function postGoogleAnalytics(string) {
    var tid = 'YOUR TRACKING ID';
    var domain = 'www.example.com';
    jQuery.ajax('https://www.google-analytics.com/collect?v=1&tid=' +
        tid +
        '&cid=555&t=pageview&dh=' +
        domain +
        '&dp=' +
        encodeURIComponent(string), {
            dataType: 'json',
            cache: false,
            success: function (data) {
            },
            error: function () {
            }
        });
}

然后您可以将调用更改为

addListener(link1, 'click', function() {
  postGoogleAnalytics('page_SPLASH');
});

Answer 2

好的，这是我所做的：

javascript:

  function mylink(string) {
     ga('send', 'pageview', string);
  }

html代码：

 <a href="#!/page_SPLASH" onclick="mylink('#!/page_SPLASH')">Home</a><br />
 <a href="#!/page_ABOUT_MAIN" onclick="mylink('#!/page_ABOUT_MAIN')">About</a>
 <a href="#!/page_WHATIS" onclick="mylink('#!/page_WHATIS')">What is?</a>

现在分析师计算虚拟页面。谢谢大家，帮我解决了这个问题。尽管 unobf 的回答对我没有帮助，但由于他的代码，我得到了错误:)

google analistics.js 一页网站

google analistics.js for one page website

javascript

google-analytics

google-analytics-api