Polymer - 使用 Google Analytics 跟踪应用程序使用情况
Polymer - Track app usage with Google Analytics
我正在尝试将 Google Analytics(网络)与我的聚合物应用程序一起使用(根据 this GA SPA doc 更新 routing.html 中的跟踪器对象)。我使用 Polymer Starter Kit 作为起点。我没有看到任何综合浏览量,除了 /
- 跟踪应用使用情况的建议方法是什么?
routing.html
page('/topstories', function () {
app.route = 'topstories';
window.ga('set', 'page', '/topstories');
});
page('/about', function () {
app.route = 'about';
window.ga('set', 'page', '/about');
});
index.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-xxxxxxxxx-1', 'auto');
ga('send', 'pageview');
</script>
除了在跟踪器上设置页面值外,您还必须将网页浏览命中发送到 Google Analytics。在您的路由回调函数中,您需要添加以下行:
ga('send', 'pageview');
您也可以编写一个函数来为您完成所有这些工作,这样您就不必每次都重复调用 set
和 send
。
function updatePage(path) {
return function() {
app.route = path.slice(1);
ga('set', 'page', path);
ga('send', 'pageview');
}
}
您的页面路由声明如下所示:
page('/topstories', updatePage('/topstories'));
page('/about', updatePage('/about'));
我的解决方案利用了 middleware-ish page.js 处理程序:
// Routes
page('*', scrollToTop, closeDrawer, function(ctx, next) {
ga('set', 'page', ctx.path); // simply add
ga('send', 'pageview'); // these rows
next();
});
但这也会在初始化 /
路由时触发,因此为了不重复计算访问次数,请从 <script>
块中删除最后的 ga('send', 'pageview');
。
我正在尝试将 Google Analytics(网络)与我的聚合物应用程序一起使用(根据 this GA SPA doc 更新 routing.html 中的跟踪器对象)。我使用 Polymer Starter Kit 作为起点。我没有看到任何综合浏览量,除了 /
- 跟踪应用使用情况的建议方法是什么?
routing.html
page('/topstories', function () {
app.route = 'topstories';
window.ga('set', 'page', '/topstories');
});
page('/about', function () {
app.route = 'about';
window.ga('set', 'page', '/about');
});
index.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-xxxxxxxxx-1', 'auto');
ga('send', 'pageview');
</script>
除了在跟踪器上设置页面值外,您还必须将网页浏览命中发送到 Google Analytics。在您的路由回调函数中,您需要添加以下行:
ga('send', 'pageview');
您也可以编写一个函数来为您完成所有这些工作,这样您就不必每次都重复调用 set
和 send
。
function updatePage(path) {
return function() {
app.route = path.slice(1);
ga('set', 'page', path);
ga('send', 'pageview');
}
}
您的页面路由声明如下所示:
page('/topstories', updatePage('/topstories'));
page('/about', updatePage('/about'));
我的解决方案利用了 middleware-ish page.js 处理程序:
// Routes
page('*', scrollToTop, closeDrawer, function(ctx, next) {
ga('set', 'page', ctx.path); // simply add
ga('send', 'pageview'); // these rows
next();
});
但这也会在初始化 /
路由时触发,因此为了不重复计算访问次数,请从 <script>
块中删除最后的 ga('send', 'pageview');
。