为具有 # 次浏览次数的单页网站启用 Google 分析

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

我正在使用 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 https://developers.google.com/analytics/devguides/collection/analyticsjs/pages，这个代码可以工作吗？

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

2）问题2，如何让GA获取4个不同标签页的数据？我是否必须修改 onclick 操作才能跟踪该事件？或者只是简单地跟踪锚标记？我读过一些东西跟踪哈希 URL http://tizardsbriefcase.com/716/javascript/google-analytics-for-tracking-hash-urls，这个代码适合我的情况吗？由于可能需要一些时间才能显示分析结果，因此现在无法测试：

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

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

答案 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');

Source https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced