3

我有一个 fullpage.js jquery 单页网站。我希望谷歌分析能够跟踪某人何时通过滚动进入我的单页网站的另一个“页面”。页面未加载，但域更改如 .../#section1、.../#section2

www.cima-ecuador.com

我正在使用analytics.js ...已经发布的线程并没有真正帮助我。

标题：

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-12543942-1', 'cima-ecuador.com');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');
</script>

我的身体部分就像

<div class="section" id="section0">
</div>

<div class="section" id="section1">
</div>
4

4 回答 4

4

其实只要在后面加上就够了<body>

<script type="text/javascript">
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-XXXXXXX', 'auto');
</script>

然后在afterSlideLoad

        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex) {
            ga('send', 'pageview', { 'page': anchorLink, 'title': slideAnchor });
        },

否则（根据其他答案），每次加载新幻灯片时，您都会从谷歌加载（下载）analytics.js 文件。这个文件只需要一次。

于 2015-03-24T17:16:30.637 回答
2

这是我的解决方案。每次幻灯片通过 fullPage.js 的标准函数加载时，我都会调用分析：

    afterSlideLoad: function(anchorLink, index, slideIndex, direction){

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-YOURANALYTICSID', 'domain.nl');
    ga('send', 'pageview', { 'page': document.location, 'title': document.location });

    }

请注意，我使用自定义 ga('send'...

于 2014-05-27T13:44:06.283 回答
2

稍微改变了发送功能。

现在它显示 /page 而不是 / http://www.example.com/#page。一点点的进步。

ga('send', 'pageview', { 'page': anchorLink, 'title': anchorLink });

所以它变成

afterSlideLoad: function(anchorLink, index, slideIndex, direction){

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-YOURANALYTICSID', 'domain.nl');
    ga('send', 'pageview', { 'page': anchorLink, 'title': anchorLink });

}

或者如果你不使用幻灯片

afterLoad: function(anchorLink, index){

    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-YOURANALYTICSID', 'domain.nl');
    ga('send', 'pageview', { 'page': anchorLink, 'title': anchorLink });

}
于 2014-06-26T23:13:10.163 回答
1

感谢您提供此代码，效果很好！我在 afterSlideLoad 版本中添加了“slideAnchor”，以便能够在该部分中显示正确的幻灯片。这将显示为

afterSlideLoad : function(anchorLink, index, slideAnchor, slideIndex){

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-YOURANALYTICSID', 'domain.nl');
ga('send', 'pageview', { 'page': anchorLink, 'title': slideAnchor });

}

活动页面将为您提供访问者所在的部分，页面标题将为您提供幻灯片。

于 2014-08-26T14:11:31.280 回答