[google-analytics] Google Analytics JS를 <head> 또는 <body> 끝에 넣어야합니까?

Program / 글쓴이

Google은 나에게 자바 스크립트를 제공하고 <head>.

마지막에 넣을 수 있습니까, <body>아니면 부작용이 발생할까요?

답변

<head>섹션 끝에 배치하면 사용자가 페이지로드를 완료하지 않은 경우에도 메트릭을 추적하는 데 도움이됩니다.

그들은 페이지의 부분 로딩을 처리하기위한 지원을 추가하기 전에 페이지 하단에 배치하라고 지시했습니다.

Google에서 직접 :

비동기 스 니펫의 주요 장점 중 하나는 HTML 문서의 맨 위에 배치 할 수 있다는 것입니다. 이렇게하면 사용자가 페이지를 떠나기 전에 추적 비콘이 전송 될 가능성이 높아집니다. <head>섹션에 JavaScript 코드를 배치하는 것이 일반적 이며 최상의 성능을 위해 섹션 하단에 스 니펫을 배치하는 것이 좋습니다.

Google Analytics 도움말 참조 : 사이트에 직접 추적 코드 추가

답변

원하는 곳에 둘 수 있습니다. 나는 항상 페이지 끝에 추적 코드를 넣었고 아무런 문제가 없었습니다.

답변

페이지에서 원하는 위치에 배치 할 수 있으며 머리 또는 본문에 관계없이 페이지의 어느 곳에서나 실행할 수 있습니다. 그러나 Google 지원에 따르면 ( 사이트에 직접 추적 코드 추가 ) 헤드 태그에 태그를 닫는 태그 바로 앞에 붙여 넣는 것이 좋습니다 .</head>

헤드 태그에 코드를 넣는 이유를 설명 하는 좋은 기사의 다음 단락

페이지 뷰는 해당 코드가로드 된 후에 만 ​​기록됩니다. 따라서 코드를 빨리로드할수록 페이지 뷰가 더 빨리 기록됩니다. 큰 블로그 페이지가 있고로드 속도가 느리며 모든 것을로드하는 데 10 ~ 20 초가 걸린다고 가정 해 보겠습니다. Google 코드가 페이지 끝까지 시작되지 않으면 다른 코드 줄을 유지하는 데 사용 된 이전의 비동기 코드와 마찬가지로 중단 될 수 있습니다. 지금은 추적 코드를 유지하고 있습니다. 사이트 방문자가 페이지를 방문한 다음 추적 코드가 페이지 뷰를 실행하기 전에 페이지를 떠나면 해당 방문자를 잃게됩니다. 이제 그들은 그들이 방문한 사이트의 페이지에 대한 새로운 직접 방문이됩니다. 이로 인해 사이트의 모든 종류의 데이터가 부정확해질 수 있습니다.

답변

머리에서 닫는 </ head> 태그 바로 앞에 있으면 웹 마스터 도구에서 웹 사이트를 확인하는 데 문제가 없습니다.

답변

다음 코드 ( ‘자바 스크립트 추적 스 니펫’이라고 함)를 사이트 템플릿에 추가하는 것이 analytics.js를 사용하는 가장 쉬운 방법입니다.

코드는 태그 상단 근처에 다른 스크립트 또는 CSS 태그 앞에 추가해야하며 ‘UA-XXXXX-Y’문자열은 Google 애널리틱스의 속성 ID ( ‘추적 ID’라고도 함)로 대체해야합니다. 추적하려는 속성.

<!-- Google Analytics -->
<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-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

스 니펫 확장

위의 코드는 네 가지 주요 작업을 수행합니다.

  1. https://www.google-analytics.com/analytics.js 에서 analytics.js 자바 스크립트 라이브러리를 비동기 적으로 다운로드하기 시작하는 요소를 만듭니다.

  2. analytics.js 라이브러리가로드되고 사용할 준비가되면 실행되도록 명령을 예약 할 수있는 전역 ga 함수 (ga () 명령 대기열이라고 함)를 초기화합니다.

  3. ga () 명령 대기열에 명령을 추가하여 ‘UA-XXXXX-Y’매개 변수를 통해 지정된 속성에 대한 새 추적기 객체를 만듭니다.

  4. ga () 명령 대기열에 다른 명령을 추가하여 현재 페이지에 대한 페이지 뷰를 Google Analytics로 보냅니다.

답변

코드는 항상 태그 상단 근처와 다른 스크립트 또는 CSS 태그 앞에 추가 'UA-XXXXX-Y'해야하며 문자열 은 ID추적하려는 Google 애널리틱스 속성 의 속성 ( ‘추적 ID’라고도 함) 으로 대체해야합니다 .

답변