谷歌分析和jQuery fullpage.js

我有一个fullpage.js jquery单页网站。我希望谷歌分析能够跟踪有人通过滚动进入单页网站的另一个“页面”。页面没有加载，但域更改，如... /＃SECTION1，... /＃第2节谷歌分析和jQuery fullpage.js

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>

来源

2014-05-15 Spot Ify

SPA并不真正适合搜索引擎优化...您可以将分析代码放入函数中，并在您每次输入类似分析的章节时调用它（'section1'）。只是一个想法... – Geo

继承人我的解决方案。我所说的分析每次滑动荷载槽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（“发送” ......如果你不，谷歌将跟踪websitehits每一击都会。是/。用JavaScript我当前的URL发送到分析。

来源

2014-05-27 13:44:06 Progressed

改变了发送功能一点。

现在它显示/页，而不是 /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-26 23:13:10

感谢，伟大工程！我在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-26 14:11:31

它实际上是不够的，如果只是<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-24 17:16:30 lokers

谷歌分析和jQuery fullpage.js

回答

相关问题