Google의 새로운 태그 플랫폼 문서를 미리 확인해 주셔서 감사합니다. 이 사이트는 공개 베타 버전입니다 (의견 보내기).

웹페이지용 Google 태그 관리자 설치

Google 태그 관리자는 웹사이트의 태그와 코드 스니펫을 빠르고 쉽게 업데이트할 수 있는 태그 관리 시스템입니다. Google 태그 관리자 실행

이 도움말에서는 웹페이지용 태그 관리자를 설치하는 방법을 설명합니다. 다른 플랫폼의 경우 Android, iOS 또는 서버 설치 관련 문서를 읽어보세요.

웹용 태그 관리자를 설치하려면 웹페이지 또는 모바일 애플리케이션에 추가하는 간단한 코드가 필요합니다. 이 코드를 사용하면 태그 관리자에서 웹페이지 또는 모바일 앱에 태그를 삽입하여 태그를 실행할 수 있습니다.

표준 웹페이지 설치

대부분의 경우, 설치를 시작하는 가장 쉬운 방법은 태그 관리자에서 코드와 안내를 찾는 것입니다.

  1. 아직 Google 태그 관리자 계정과 컨테이너를 만들지 않았다면 이를 만듭니다.
  2. Google 태그 관리자에서 작업공간을 클릭합니다.
  3. 창 상단에서 GTM-XXXXXX 형식으로 된 컨테이너 ID를 찾습니다. 컨테이너 ID를 클릭하면 태그 관리자 설치 창이 표시됩니다.
    GTMID
  4. 제공되는 안내에 따라 코드를 복사하여 모든 페이지에 설치합니다. 첫 번째 코드 블록은 웹페이지의 여는 태그인 <head> 바로 뒤에 또는 <head>에서 최대한 상단에 배치하는 것이 좋습니다. 이렇게 하면 나머지 페이지가 로드될 때 태그 관리자 구성을 사용할 수 있도록 할 수 있습니다.
    태그 관리자 설치 화면
  5. 선택사항이지만 데이터 영역 객체를 설치하는 것이 좋습니다. 데이터 영역을 이용하면 태그 구성을 더욱 강력하게 측정할 수 있습니다.
  6. 컨테이너를 게시합니다.

태그 관리자 설치가 완료되면 태그 관리자 사용자 인터페이스에서 모든 태그 구성이 이루어집니다.

맞춤 웹 설치

드문 경우(예: 콘텐츠 관리 시스템 또는 전자상거래 템플릿을 위한 새 템플릿을 만드는 경우)지만, 맞춤 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) -->

제품별 설정 가이드 보기

특정 제품에 태그 관리자를 설정하는 방법을 알아보려면 아래 링크를 클릭하세요.