Question

我有一个fullpage.js jquery单页网站。我希望谷歌分析能够跟踪某人何时进入另一个＆＃34;页面＆＃34;通过滚动我的单页网站。页面未加载，但域名更改为... /＃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>

Answer 1

如果只是在<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文件。这个文件只需要一次。

Answer 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（'发送'...如果你不这样做，谷歌会跟踪网站点击。每次点击将是/。使用javascript我将当前网址发送到分析。

Answer 3

稍微更改了发送功能。

现在显示/页面而不是 / 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 });

}

Answer 4

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

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

}

Active Page会给你访客所在的部分，Page Title会给你幻灯片。

谷歌分析和jQuery fullpage.js

4 个答案: