Google 애널리틱스는 웹 사이트에서 방문자 통계를 표시하는 기능을 하는 Google의 무료 서비스입니다. 페이지 정보, 검색 엔진, 광고, 클릭당 비용(CPC), 마케팅을 기반으로 방문자 추적 등.
Blogger에 Google 애널리틱스를 연결하려면 어떻게 하나요?
구글 블로그에 속성 ID를 추가하고 애널리틱스와 연동하려면 아래 방법을 참고하세요.
- Blogger 대시보드에서 설정을 클릭 합니다.
- Google 애널리틱스 속성 ID 를 찾습니다.
- 속성 ID 코드를 입력하고 저장을 클릭 합니다.
그런 다음 테마 > HTML 편집에서 </body> 태그
위쪽에 아래의 코드를 삽입합니다. 코드가 이미 있는 경우 다시 추가 할 필요가
없습니다.
<b:include data="blog" name="google-analytics"/>
아쉽지만 위의 코드는 자바스크립트가 포함되어있어 유효하지 않은 AMP 페이지가 되므로 AMP 버전에서 사용할 수 없습니다. 애널리틱스 코드를 포함하고 유효한 AMP 페이지로 만드려면 아래 방법을 참고하세요.
AMP에 Google 애널리틱스를 연결하는 방법
먼저 템플릿의 <head> 태그 에서 amp-analytics 스크립트를
추가합니다 .
<script async="async" custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"/>
다음으로 템플릿의 </body> 태그 바로 위쪽에 아래의 코드를
삽입합니다.
<b:if cond="data:blog.analyticsAccountNumber">
<amp-analytics id="analytics1" type="googleanalytics">
<script type="application/json">
{
"vars": { "account": "<data:blog.analyticsAccountNumber/>" },
"triggers": {
"trackPageview": { "on": "visible", "request": "pageview" }
}
}
</script>
</amp-analytics>
</b:if>
마킹 표시된 부분의 코드는 함수를 사용하여 Blogger 설정에 저장된 내 애널리틱스 속성 ID를 호출합니다. 따라서 HTML 코드를 수정할 필요가 없이 위의 코드를 붙여넣기만 하면 됩니다.