Install the Google Tag Manager container snippet
Google 태그 관리자를 사용하면 Google 제품 및 서드 파티의 태그를 구성 및 배포할 수 있습니다.
태그에 대해 알아보기
태그는 분석, 마케팅, 지원 공급업체에서 제공하는 코드 세그먼트로, 웹사이트 또는 모바일 앱에 제품을 통합하는 데 유용합니다. Google 태그 관리자를 사용하면 더 이상 프로젝트에 이러한 태그를 직접 추가할 필요가 없습니다. 대신 태그 관리자의 사용자 인터페이스 내에서 태그를 구성 및 게시하고 태그를 실행할 방법을 지정하면 됩니다.
계정에 대해 알아보기
태그 관리자 계정은 조직의 최상위 수준을 나타내며, 일반적으로 계정은 회사별로 하나만 있으면 됩니다. 하나의 태그 관리자 계정에 하나 이상의 컨테이너를 포함할 수 있습니다.
컨테이너에 대해 알아보기
컨테이너는 여러 태그와 이를 제어하는 규칙으로 구성됩니다. 다음에 사용할 수 있는 특정 컨테이너 유형이 있습니다.
- 웹사이트
- AMP 페이지
- Android 앱
- iOS 앱
- 서버에서 태그 관리자 실행
1. 새 계정 및 컨테이너 만들기
새 계정을 만드는 경우 새 컨테이너를 설정하려면 다음을 따르세요.
- 태그 관리자에서 계정 탭 > 계정 만들기를 클릭합니다.
- 계정 이름을 입력하고 계정에 해당하는 국가를 선택합니다.
- 구체적인 컨테이너 이름을 입력하고 컨테이너 유형을 선택합니다.
- 컨테이너를 만들려면 만들기를 클릭하고 서비스 약관에 동의합니다.
결과
새 컨테이너가 처음 로드되면 컨테이너 유형에 따라 서로 다른 대화상자가 표시됩니다.
- 웹 및 AMP: 웹사이트의 설치 코드 스니펫이 전송됩니다.
- iOS 및 Android: 개발자 문서로 연결되는 링크가 전송됩니다.
- 서버: 서버를 프로비저닝하기 위해 자동 또는 수동 중에서 선택할 수 있습니다.
지금 컨테이너를 설치하거나 확인을 클릭하여 대화상자를 닫고 나중에 설치를 재개할 수 있습니다.
여러 소스(예: 웹 및 앱)에서 측정항목을 수집하려면 플랫폼별로 추가 컨테이너를 만들어야 합니다.
선택사항: 계정에 컨테이너 더 추가하기
- 태그 관리자를 엽니다.
- 계정 이름 옆에 있는 계정 탭에서 추가 작업
> 컨테이너 만들기를 클릭합니다.
- 구체적인 컨테이너 이름을 입력하고 컨테이너 유형을 선택합니다.
- 컨테이너를 만들려면 만들기를 클릭하고 서비스 약관에 동의합니다.
> 컨테이너 만들기를 클릭합니다.2. 컨테이너 설치하기
다음은 웹사이트에서 태그를 추적하기 위한 웹 컨테이너를 설정하는 방법에 대한 안내입니다. 코드를 사용해 본 적이 없거나 웹사이트 또는 모바일 앱 코드에 액세스할 수 없는 경우 이 단계에서 개발자에게 도움을 요청해야 할 수 있습니다.
- 태그 관리자에서 작업공간을 클릭합니다.
- 화면 상단에 'GTM-XXXXXX' 형식으로 표시된 컨테이너 ID를 확인합니다.
- 컨테이너 ID를 클릭하면 태그 관리자 설치 상자가 표시됩니다.
- 태그 관리자 설치 상자의 안내에 따라 코드 스니펫을 복사하여 웹사이트에 붙여넣습니다.
- 웹페이지의 HTML 출력에서
<head>영역에<script>코드 스니펫을 삽입합니다. 여는 태그인<head>에 최대한 가까우면서도 dataLayer 선언보다는 아래인 위치에 코드를 삽입하는 것이 좋습니다. - HTML 출력에서
<noscript>코드 스니펫을<body>태그의 바로 뒤에 삽입합니다.
- 웹페이지의 HTML 출력에서
웹사이트에서 이미 태그를 사용하고 있는 경우 이를 태그 관리자 컨테이너로 이전합니다. 3. 태그 추가하기를 참고하세요. 코드에서 하드코딩된 태그를 삭제하여 태그가 두 번 실행되지 않도록 하세요.
태그 관리자 웹페이지 스니펫은 기본적으로 HTTPS를 사용하여 서드 파티 스누핑으로부터 컨테이너를 보호합니다.
보안이 되지 않는 페이지를 지원하는 방식으로 태그 관리자 컨테이너를 배포해야 하는 경우 컨테이너 스니펫의 소스 URL 프로토콜을 https://가 아닌 //로 조정해 보세요. 프로토콜 기준 URL 사용에 대해 자세히 알아보기
3. 태그 추가
이제 웹사이트에 컨테이너를 설치했으니 새 태그를 추가할 수 있습니다. Google 태그 관리자는 Google 제품 및 서드 파티 태그를 지원합니다. Google 제품에서 측정항목을 받으려면 Google 태그를 설정하세요.
- Workspace에서
태그를 클릭합니다. - 태그를 추가하려면 새로 만들기를 클릭합니다.
- 태그 이름을 지정하고 다음과 같이 구성합니다.
- 태그 구성: 관리할 태그 유형을 선택합니다. Google 제품에서 태그를 설정하는 데 도움이 더 필요하시면 Google 태그 관리자 가이드를 참고하세요.
일치하는 태그 유형이 없으면 맞춤 HTML 또는 이미지 태그를 만들 수 있습니다. - 트리거: 트리거는 페이지 태그가 실행되는지 아니면 차단되는지를 제어합니다. 트리거에 대해 자세히 알아보기
- 태그 구성: 관리할 태그 유형을 선택합니다. Google 제품에서 태그를 설정하는 데 도움이 더 필요하시면 Google 태그 관리자 가이드를 참고하세요.
- 선택사항: 나중에 참조할 수 있도록 구성에 메모를 추가합니다. 메모를 추가하려면 추가 작업
- 저장을 클릭하고 필요에 따라 태그를 더 만듭니다.
태그를 클릭합니다.4. 태그 작동 여부 확인하기
태그를 추가한 후 태그가 의도한 대로 작동하는지 확인합니다. 태그 설정을 확인하는 방법은 다음과 같습니다.
- 미리보기 버튼을 클릭합니다. 그러면 새 탭에서 Google Tag Assistant가 실행됩니다.
- 태그 관리자 컨테이너를 설치한 웹사이트 URL을 입력합니다. 오류가 있으면 Tag Assistant로 디버깅을 시작합니다.
- 태그를 수정하려면 태그 이름을 클릭하여 해당 설정을 변경합니다. 예를 들어 페이지가 로드된 후 태그가 실행되지만, 사용자가 버튼을 클릭한 다음 태그가 실행되도록 하고 싶으면 트리거를 업데이트합니다.
- 변경된 태그를 저장하고 미리보기 모드를 다시 실행하여 문제가 해결되었는지 확인합니다.
5. 태그 게시하기
태그가 의도한 대로 작동하면 게시합니다.
현재의 작업공간을 게시하는 방법은 다음과 같습니다.
- 화면의 오른쪽 상단에 있는 제출을 클릭합니다. 변경사항 제출 화면이 표시되고 컨테이너를 게시하고 컨테이너 버전을 저장하는 옵션이 표시됩니다.
- 아직 선택하지 않았으면 게시 및 버전 만들기를 선택합니다.
- 작업공간 변경 섹션을 검토하여 예상대로 구성이 표시되는지 확인합니다.
- 버전 이름 및 버전 설명을 입력합니다.
- 게시를 클릭합니다.