4

我读过类似的问题，但我的问题略有不同。

我正在使用 Kendo UI 为网站实现单页注册处理页面。该站点有 4 个页面，当用户单击菜单选项卡时会动态生成。例如，当用户单击菜单上的 tab1 时，tab_1将被注入到app_container容器中。

模板如下：

<div id="app_container"></div>
<script id="tab_1" type="text/x-kendo-template">
//first page
</script>
<script id="tab_2" type="text/x-kendo-template">
//second page
</script>
<script id="tab_3" type="text/x-kendo-template">
//third page
</script>
<script id="tab_4" type="text/x-kendo-template">
//fourth page
</script>

该页面位于域下：www.xxxxxxxx.com/register.html。

当用户单击菜单中的选项卡时，http 链接地址更改为： www.xxxxxxxx.com/register.html#/p1

www.xxxxxxxx.com/register.html#/p2

www.xxxxxxxx.com/register.html#/p3

www.xxxxxxxx.com/register.html#/p4

我从 GA 中获取了代码：

<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','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXX-1', 'xxxxxxxx.com');
  ga('send', 'pageview');

</script>

1）问题1，因为我只喜欢跟踪这个注册页面，我已经阅读了谷歌的文档，developers.google.com /analytics ，这个代码可以工作吗？

ga('send', 'pageview', '/register.html');

2）问题2，如何让GA获取4个不同标签页的数据？我是否必须修改 onlick 动作来跟踪事件？或者只是简单地跟踪锚标签？我从Tracking Hash URLs中阅读了一些内容，这些代码适用于我的情况吗？由于显示分析可能需要一些时间，所以现在无法测试：

_gaq.push(['_trackPageview', "/" + window.location.hash]);

如果它适用于这个单页应用程序，我应该把这行代码放在哪里？

4

1 回答 1

8

答案 1：是的，这将完全正常： ga('send', 'pageview', '/register.html');

如果它们位于执行代码的页面上，则不需要第三个参数。如果第三个参数未定义，它将自动获取运行代码的当前页面。但是，此参数允许您自己设置页面，如果您需要将综合浏览量发送到执行代码的页面以外的其他页面，这可能会很有用。

改为：

<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','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXX-1', 'xxxxxxxx.com');
  ga('set', 'page', '/register.html');
  ga('send', 'pageview');
</script>

并在每个标签点击事件中，添加相应的代码来跟踪哪些标签被点击：

Tab 1 点击事件： ga('send', 'event', 'tab1', 'clicked');

Tab 2点击事件：ga('send', 'event', 'tab2', 'clicked');

Tab 3点击事件：ga('send', 'event', 'tab3', 'clicked');

Tab 4点击事件：ga('send', 'event', 'tab4', 'clicked');

资源

于 2013-09-05T02:43:06.527 回答