如何在angular js app中添加google analytics脚本?

时间:2016-12-21 21:28:51

标签: angularjs google-analytics

你好我是angularJs的新手,我想在我的角度应用程序中实现谷歌分析脚本,它有超过20页,我正在使用路由。 如果有人能帮助我,我将非常感激。 如果您可以举例说明添加脚本的方法以及如何添加脚本。 提前致谢。

1 个答案:

答案 0 :(得分:1)

我在这里提供我的问题的答案: 首先,将google分析代码添加到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','https://www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-xxxxxxxx-x', 'auto');
          ga('send', 'pageview');
</script>

然后在app.js文件中创建一个函数

$rootScope.$on('$locationChangeStart', function() {
            ga('set', 'page', $location.path());
            ga('send', 'pageview');
});

你很高兴。