헬프 센터에서 Google 태그 관리자 사용하기

헬프 센터에서 Google 태그 관리자를 구현할 수 있습니다.

이 문서에서 다루는 주제는 다음과 같습니다.

• Google 태그 관리자에 대한 정보
• Google 태그 관리자 구현하기
• 다음 단계

Google 태그 관리자에 대한 정보

Google에 따르면 “Google 태그 관리자는 태그 관리 시스템으로, 이를 통해 웹사이트나 모바일 앱에서 트래픽 분석 및 마케팅 최적화를 위해 태그와 코드 스니펫을 손쉽고 신속하게 업데이트할 수 있습니다. 사이트 코드를 편집하는 대신 태그 관리자 사용자 인터페이스에서 AdWords, Google 애널리틱스, Firebase Analytics, Floodlight, 타사 또는 사용자 지정 태그를 추가 및 업데이트할 수 있습니다.”

Google 애널리틱스와 마찬가지로 JavaScript 및 HTML 임베드 코드를 헬프 센터에 구현해야 합니다. 이후에 사이트에 코드 스니펫을 동적으로 임베드할 수 있습니다. 헬프 센터에 사용자 지정 코드를 구현하지 않고도 Google 태그 관리자 인터페이스에서 이 모든 것을 관리할 수 있다는 것이 가장 큰 장점입니다. 헬프 센터에 Google 애널리틱스를 연동할 경우와는 달리, Google 태그 관리자를 구현할 때에는 Zendesk Guide에서 테마 기본서식을 간단하게 수정만 하면 됩니다.

Google 태그 관리자 구현하기

다음 섹션에 있는 단계에 따라 헬프 센터에서 Google 태그 관리자를 구현할 수 있습니다.

• Google 태그 관리자 가입하기
• 헬프 센터에 임베드 코드 추가하기
• Google 태그 관리자에서 태그 만들기
• 헬프 센터에서 변경 내용 보기

Google 태그 관리자 가입하기

우선 무료 Google 태그 관리자 계정에 가입해야 합니다.

1. 무료로 Google 태그 관리자 가입을 합니다.
2. 새 계정을 설정합니다.

   웹을 사용 대상 컨테이너로 설정합니다.

   

3. 새 컨테이너가 만들어지면 헬프 센터에 임베드할 두 코드 스니펫을 복사합니다.

   

헬프 센터에 임베드 코드 추가하기

이제 Google 태그 관리자에서 복사한 임베드 코드를 헬프 센터 테마에 있는 두 기본서식에 붙여넣어야 합니다.

1. Guide의 사이드바에 있는 디자인 사용자 지정 아이콘()을 클릭한 다음 테마 편집을 클릭합니다.
2. 첫 번째 스니펫을 문서 헤드(document_head.hbs) 기본서식에 붙여넣습니다.

   

3. 두 번째 스니펫을 헤더(header.hbs) 기본서식에 붙여넣습니다.

   

4. 변경 내용을 저장합니다.

Google 태그 관리자에서 태그 만들기

이제부터 새 컨테이너에서 테스트할 태그를 만들어야 합니다. Google 태그 관리자 고객센터에서 태그 관리자 설정 및 설치하기를 참조하세요.

헬프 센터에서 변경 내용 보기

이제 만들어진 태그를 헬프 센터에서 볼 수 있습니다. Guide로 돌아가서 헬프 센터의 미리 보기를 새로 고쳐서 새 태그를 봅니다.

다음 단계

지금까지 컨테이너 및 예시 태그를 Google 태그 관리자에서 구성하고 헬프 센터에 임베드했습니다.

Google 태그 관리자는 애널리틱스 및 트래픽 성능 도구를 관리하는 강력한 수단입니다. 여기에서 Google의 Google 태그 관리자 사용 및 성공 사례에 대한 관련 리소스를 확인할 수 있습니다.