1

Ich möchte Google Analytics für ein Angular SPA implementieren, das derzeit in meinem localhost ausgeführt wird. Ich habe versucht, den Google-Tracking-Js-Code in jede meiner Ansichten im Angular SPA zu kopieren. Aber ich glaube nicht, dass es tatsächlich funktioniert hat.Implementierung von Google Analytics für Angular1.5 App

Ist dies der richtige Weg Google Analytics zu implementieren oder was ist der richtige Weg?

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

Antwort

2

Fügen Sie das Skript nicht in jede Ihrer Ansichten ein, sondern fügen Sie es in Ihre HTML-Hauptseite ein. Zusätzlich zu Google Analytics möchten Sie möglicherweise die Verwendung von Autotrack und urlChangeTracker in Ihrem SPA

+0

in Betracht ziehen. Danke, ich werde es versuchen. Ich führe gerade meine Anwendung auf meinem lokalen Rechner aus und laufe auf localhost: 3000. Bekomme ich irgendwelche Ergebnisse in GA, wenn ich die URL benutze, während ich anders als localhost: 3000 aufstelle, weil localhost an der URL ungültig ist. – Varun

+1

Ich habe diesen Beitrag gefunden, um Ihnen den Einstieg zu erleichtern: http://stackoverflow.com/questions/30581916/test-google-analytics-on-localhost –

+0

Hey, das hat geholfen, danke. Wenn Sie ein kleines Code-Snippet darüber haben, wie Autotrack für Single Page App verwendet wird, können Sie das teilen. Ich bin wirklich verwirrt darüber, wo der Tracking-Snippet-Code implementiert werden soll. – Varun

Verwandte Themen