태그 관리자에 관한 정보
Google 태그 관리자는 웹사이트의 태그를 빠르고 쉽게 업데이트할 수 있는 태그 관리 시스템입니다. 웹용 태그 관리자를 설치하려면 웹페이지에 추가하는 간단한 코드가 필요합니다. 이 코드를 사용하면 태그 관리자에서 웹페이지에 태그를 삽입하여 태그를 실행할 수 있습니다.
시작하기 전에
Google 태그 관리자 계정 및 컨테이너를 만드세요. 자세히 알아보기
표준 웹페이지 설치
대부분의 경우, 설치를 시작하는 가장 쉬운 방법은 태그 관리자에서 코드와 안내를 찾는 것입니다.
- Google 태그 관리자에서 작업공간을 클릭합니다.
- 창 상단에 있는 컨테이너 ID(
GTM-XXXXXX형식)를 클릭하여 태그 관리자 설치 창을 엽니다.
- 제공된 안내에 따라 웹사이트의 모든 페이지에 태그를 설치합니다.
첫 번째 코드 블록은 웹페이지의 여는<head>태그 바로 뒤 또는<head>에서 최대한 상단에 배치하는 것이 좋습니다. 이렇게 하면 나머지 페이지가 로드될 때 태그 관리자 구성을 사용할 수 있도록 할 수 있습니다.
- 선택사항이지만 데이터 영역 객체를 설치하는 것이 좋습니다. 데이터 영역을 이용하면 태그 구성을 더욱 강력하게 측정할 수 있습니다.
- 컨테이너를 게시합니다.
태그 관리자 설치가 완료되면 태그 관리자에서 모든 태그 구성이 이루어집니다.
맞춤 웹 설치
드문 경우(예: 콘텐츠 관리 시스템 또는 전자상거래 템플릿을 위한 새 템플릿을
만드는 경우)지만, 맞춤 gtm.js 태그를 코딩해야 할 수 있습니다. 다음 코드를 모든 웹사이트 페이지에서 여는 태그인 <head>에 최대한 가깝게 추가합니다. GTM-XXXXXX를 컨테이너 ID로 바꿉니다.
<!-- 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-XXXXXX');</script>
<!-- End Google Tag Manager -->
그런 다음 모든 웹사이트 페이지에서 여는 요소인 <body> 바로 뒤에 이 코드를 추가합니다. GTM-XXXXXX를 컨테이너 ID로 바꿉니다.
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
제품별 설정 가이드 보기
특정 제품에 태그 관리자를 설정하는 방법을 알아보려면 아래 링크를 클릭하세요.