I'm trying to set up Google Analytics for an Angular single-page application that's currently running locally on my machine. I've attempted to add the Google tracking JavaScript code to each view in the Angular SPA, but it doesn't seem to be working as expected.
Is there a correct way to implement Google Analytics with an Angular SPA? If so, what is the proper method?
<div class="background">
<div class="container">
<h2 class="page-title">{{'contact-name' | translate}}</h2>
</div>
</div>
<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-Y', 'auto');
ga('send', 'pageview');
</script>