Google Analistics.js用于单页网站

google analistics.js for one page website

本文关键字：单页 网站 用于 js Analistics Google      更新时间：2023-09-26

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

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

/index.html#！/page_ABOUT_MAIN/index.html#！/page_ENDORSEMENTS等。

页面

不会重新加载，并且对这些页面的点击不计算在内。默认的谷歌分析只统计索引的点击.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

使用这个

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');
});

好的，这是我所做的：

JavaScript： 

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

网页代码：

 <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 答案对我没有帮助，但由于他的代码，我得到了我的错误：）

相关文章：