1

현재 내 로컬 호스트에서 실행중인 Angular SPA에 대한 Google 애널리틱스를 구현하고 싶습니다. Angular SPA의 각 뷰에 Google 추적 코드를 복사하려고했습니다. 하지만 실제로 효과가 있다고 생각하지 않습니다.Angular1.5 앱용 Google 애널리틱스 구현

Google 웹 로그 분석을 구현하는 올바른 방법입니까, 아니면 올바른 방법입니까?

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

답변

2

각보기에 스크립트를 삽입하지 말고 대신 기본 HTML 페이지에 붙여 넣으십시오. Google 애널리틱스 외에도 AutotrackurlChangeTracker을 SPA에 사용하는 것이 좋습니다

+0

감사합니다. 시도해 보겠습니다. 현재 내 로컬 컴퓨터에서 응용 프로그램을 실행 중이며 localhost : 3000에서 실행 중입니다. 로컬 호스트가 URL에서 유효하지 않기 때문에 localhost : 3000 이외의 URL로 설정하는 동안 URL을 사용하면 GA에서 결과가 나옵니까? – Varun

+1

시작하는 데 도움이되는이 게시물을 찾았습니다. http://stackoverflow.com/questions/30581916/test-google-analytics-on-localhost –

+0

안녕하세요. 단일 페이지 응용 프로그램에 Autotrack을 사용하는 방법에 대한 작은 코드 스 니펫이있는 경우이를 공유 할 수 있습니까? 트래킹 스 니펫 코드를 어디에 구현해야하는지 혼란 스럽습니다. – Varun

관련 문제