how to add google analytics script in angular js app?

Question

Hello I am new to angularJs and i want to implement google analytics script in my angular app, which is having more thann 20pages and i am using routing. If anyone can help me in that, I will be very gratefull. If you can give a example where to add the script and how. Thanks in advance.

Just paste the GA Tracking code in the common header template of your website. — dikesh
– dikesh, Commented Dec 22, 2016 at 9:03
Thanks for your response, but only pasting won't work in angularjs — new_comer
– new_comer, Commented Dec 24, 2016 at 19:24

new_comer · Accepted Answer · 2016-12-24 19:30:11Z

1

Here I am providing answer to my question: First of all add you google analytics code to your index.html inside of script tag

<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>

Then create a function in app.js file

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

And you are good to go.

answered Dec 24, 2016 at 19:30

new_comer

499 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to add google analytics script in angular js app?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related