태그 관리자 설정 및 설치하기

Install the Google Tag Manager container snippet

Google 태그 관리자를 설치하면 태그(예: Google Ads, Google 애널리틱스, 플러드라이트, 타사의 태그)를 구성하고 배포할 수 있습니다. 개략적인 단계는 다음과 같습니다.

  1. tagmanager.google.com에서 새 계정을 생성하거나 기존 계정에 로그인합니다. 기본적으로 새 컨테이너가 만들어지며 각 계정 내에 추가 컨테이너를 만들 수 있습니다.
  2. 웹사이트 또는 모바일 앱에 컨테이너를 설치합니다.
    1. 웹 및 AMP 페이지의 경우: 태그 관리자의 안내에 따라 컨테이너 스니펫을 추가하고 기존의 태그를 삭제합니다.
    2. 모바일 앱의 경우: Android 또는 iOS용 Firebase SDK를 사용합니다.
  3. 태그를 추가하고 게시합니다.

태그 관리자 계정은 조직의 최상위 수준을 나타냅니다. 일반적으로 계정은 회사별로 하나만 있으면 됩니다. 태그 관리자 계정에는 하나 이상의 컨테이너가 포함되어 있으며 웹사이트, AMP 페이지, Android 앱, iOS 앱에 사용할 수 있는 특정 컨테이너 유형이 있습니다.

새 계정 및 컨테이너 만들기

  1. 태그 관리자에서 계정 다음 계정 만들기를 클릭합니다.
  2. 계정 이름을 입력하고 데이터를 Google 및 외부와 익명으로 공유할지를 선택합니다.
  3. 계속을 클릭합니다.
  4. 컨테이너에 대해 설명할 수 있는 단어로 컨테이너 이름을 입력하고 웹, AMP, Android, iOS 중에서 콘텐츠의 유형을 선택합니다. 모바일 컨테이너를 설정하는 경우에는 Firebase SDK를 사용할지 아니면 기존 SDK 중 하나를 사용할지 선택합니다.
  5. 만들기를 클릭합니다.
  6. 서비스 약관을 검토한 후 동의하면 를 클릭합니다.

새 컨테이너가 처음 로드되면 웹 컨테이너 설치 코드가 표시되거나 선택한 모바일 플랫폼용 SDK의 일부로 태그 관리자를 시작하라는 메시지가 표시됩니다. 코드 스니펫을 바로 설치하거나, 확인을 클릭해 대화상자를 닫으세요. 컨테이너를 먼저 설정하고 컨테이너 스니펫이나 SDK는 나중에 설치할 수 있습니다.

기존 계정에 새 컨테이너 추가

  1. 태그 관리자에서 계정 다음 더보기 아이콘(계정 이름 옆에 표시됨)을 클릭합니다.
  2. 컨테이너 만들기를 선택합니다.
  3. 위의 4~6단계를 반복합니다.

컨테이너 설치하기

코딩 경험이 없거나 웹사이트 또는 모바일 코드 앱에 대한 액세스 권한이 없는 경우 이 단계에서 개발자의 도움을 요청해야 할 수 있습니다. 개발자는 태그 관리자 개발자 빠른 시작 가이드에서 자세히 알아볼 수 있습니다.
  1. 태그 관리자에서 작업공간을 클릭합니다.
  2. 화면 상단에 'GTM-XXXXXX' 형식으로 표시된 컨테이너 ID를 확인합니다.
  3. 컨테이너 ID를 클릭하면 태그 관리자 설치 상자가 표시됩니다.
  4. 태그 관리자 설치 상자의 안내에 따라 코드 스니펫을 복사해서 웹사이트에 붙여넣거나 적절한 모바일 SDK를 다운로드해서 설치합니다. , AMP, 모바일 설치에 대한 도움말은 아래를 참조하세요.
웹페이지
  • 웹페이지의 HTML에서 <head> 영역에 <script> 코드를 붙여넣으세요. 여는 태그인 <head>에 최대한 가까우면서도 dataLayer 선언보다는 아래인 위치에 코드를 삽입하는 것이 좋습니다.
  • HTML에서 <noscript> 코드를 <body> 태그의 바로 뒤에 삽입하세요.

태그가 두 번 실행되지 않도록, 태그 관리자 컨테이너로 이전된 하드코딩된 태그를 코드에서 삭제하세요.

Google 그 관리자 웹페이지 스니펫은 기본적으로 HTTPS를 사용하여 타사 스누핑으로부터 컨테이너를 보호합니다.

비보안 페이지를 지원하는 방식으로 태그 관리자 컨테이너를 배포해야 하는 경우 컨테이너 스니펫의 소스 URL 프로토콜을 https://가 아닌 //로 조정해 보세요. 프로토콜 기준 URL 사용에 대해 자세히 알아보기

AMP 페이지
  • 자바스크립트 스니펫의 <script> 부분을 닫는 태그인 </head> 바로 위에 삽입하세요.
  • <amp-analytics> 부분을 여는 태그인 <body> 바로 뒤에 삽입하세요.

자세한 내용은 AMP 및 태그 관리자 설정 가이드를 참조하세요.

모바일 앱
모바일 앱용 태그 관리자는 Firebase SDK를 사용하여 구현됩니다. AndroidiOS를 이용해 시작하는 방법은 태그 관리자 개발자 설명서를 참조하세요.

설치를 확인하거나 설치 관련 문제를 해결하려면 태그 관리자의 미리보기 모드Chrome 확장 프로그램인 Tag Assistant를 이용합니다.

태그 추가, 업데이트 및 게시

컨테이너 설치가 완료되었으면 새 태그를 추가할 수 있습니다.

  1. 탐색 메뉴에서 태그를 클릭합니다.
    • 태그 추가: 새로 만들기를 클릭합니다. 태그 유형을 선택하고 태그가 실행되는 조건에 대한 트리거를 지정합니다.
    • 태그 수정: 목록에서 태그를 클릭한 다음 '태그 수정' 페이지에서 태그를 변경합니다. 예를 들어 태그의 실행 조건을 나타내는 트리거를 변경할 수 있습니다.
    • 태그 삭제: 목록에서 태그를 클릭한 다음, '태그 수정' 페이지에서 화면 오른쪽 상단의 더보기 메뉴를 클릭한 후, 삭제를 선택합니다.
  2. 미리보기 모드를 사용하면 사이트 또는 앱의 태그 관리자 구성을 검사하여 모든 것이 제대로 작동하는지 확인할 수 있습니다. 웹에서는 디버깅 옵션을 사용하여 사이트를 탐색하고 이용할 때 어떤 태그가 실행되는지 확인할 수 있습니다.
    • 변경사항이 게시되지 않은 작업공간의 웹페이지에서 미리보기를 클릭하세요. 자세히 알아보기
    • 모바일 앱의 경우에는 AndroidiOS용 개발자 설명서를 참조하세요.
  3. 변경사항을 게시할 준비가 되면 화면 오른쪽 상단에서 제출을 클릭합니다. 버전 이름버전 설명과 같은 세부정보를 추가한 다음 게시를 클릭합니다.
대부분의 태그 관리자 구현은 Google 애널리틱스 페이지 조회 태그 배포로 시작됩니다. Google 애널리틱스 태그 배포 방법에 대한 단계별 안내를 참조하세요.
도움이 되었나요?
어떻게 하면 개선할 수 있을까요?