2014-06-19 5 views
4

Google 태그 관리자 스 니펫의 위치와 관련하여 일반적인 질문이 있습니다. Google의 구현 가이드 라인에 따르면 태그 관리자는 body-tag가 시작된 직후 구현되어야합니다. 내 질문은 다음과 같습니다.Google 태그 관리자 위치 지정

  • 머리에로드해야하는 추적 스크립트는 어떻게됩니까?
  • 본문 끝에서로드해야하는 스크립트 추적은 어떻게됩니까? 예를 VWO (시각적 웹 사이트 최적화)에 대한

내가이 용기를 가질 수 ... 깜박 피하기 위해 머리에 코드를로드하는 것이 좋습니다? 하나는 머리 끝에, 다른 하나는 몸의 시작에 있습니까?

답변

2

두 개의 태그 관리자 태그가있을 수 있지만 원하는 것은 수행하지 않으며 문제가 발생할 수 있습니다. GTM이 개제 본문 태그 바로 뒤에 있어야하며 다른 요소 안에 있지 않아야하는 이유는 GTM이 포함 된 태그를 삽입하기 위해 약간의 DOM 조작을한다는 것입니다. 구성된 모든 태그는 페이지에 삽입되어 거기에서 시작되는 자바 스크립트 객체로 묶입니다. GTM 태그를 다른 위치에 배치해도 태그가 삽입 된 위치는 변경되지 않습니다 (사용자가 자바 스크립트를 사용하지 않으면 iframe에 이미지 태그가 표시됩니다). 그러나 자바 스크립트를 삽입하는 DOM 작업이 지정된 위치가 아닌 다른 위치에서 작동하지 않을 수 있기 때문에 GTM 태그가 실패 할 수 있음을 의미합니다 (특히 본문 외부에 배치 한 경우 true).

사실 Google은 그 이유 때문에 태그 관리자가 페이지 모양을 변경하는 태그 (예 : GTM이 처음 게시 된 이후 listed as "coming soon" 인 A/B 테스트 도구)에 적합하지 않다고 말합니다.

+0

누군가을 downvoted 태그와 난 후 코드의 두 조각을 추가 할 필요가있다, 그렇게하기 위해

이 대답은 어떤면에서는 더 이상 정확하지 않기 때문이라고 가정합니다. GTM 스 니펫에 대한 권장 사항이 머리에 포함되고 여러 컨테이너가 공식적으로 지원됩니다. 그러나 질문에 관한 한 여전히 정확합니다. 두 부분의 스 니펫을 다른 컨테이너에 배치하고 해당 기술을 사용하여 특정 순서에 따라 태그를 동 기적으로 실행할 수 없습니다. –

0

GTM은 Google의 최적화와 같은 A/B 테스트 도구에 대한 통합 기능을 갖추고 있습니다. 마우스 오른쪽 버튼을 <header> 태그 뒤에 :

<!-- Google Tag Manager --> 
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 
})(window,document,'script','dataLayer','GTM-CONTAINER_ID');</script> 
<!-- End Google Tag Manager --> 

마우스 오른쪽 버튼을 <body>

<!-- Google Tag Manager (noscript) --> 
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-CONTAINTER_ID" 
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 
<!-- End Google Tag Manager (noscript) --> 
관련 문제