아직 태그 매니저에서 기본적으로 지원되지 않는 태그를 구현해야 하는 경우에는 맞춤 이미지, HTML, 함수 태그를 사용하면 됩니다.
성능 및 멀웨어 문제를 예방하는 가장 좋은 방법은 태그 관리자에서 기본으로 제공하는 태그 템플릿을 이용하는 것입니다. 태그 관리자는 다수의 태그 플랫폼을 지원합니다. 태그 관리자는 다양한 타사 태그 템플릿을 지원하며 더 많은 템플릿이 커뮤니티 템플릿 갤러리에서 공유됩니다.
맞춤 이미지 태그
맞춤 이미지 태그는 픽셀 태그를 배포하는 데 사용됩니다. 새로운 맞춤 이미지 태그를 만드는 방법은 다음과 같습니다.
- 태그
새로 만들기를 클릭합니다.
- 태그 구성을 클릭하고 맞춤 이미지를 선택합니다.
- 공급업체가 제공한 이미지 URL을 입력합니다. 이미지의 프로토콜 기준이 있으면 '
//'를 선택하고 보안 버전만 있으면 'https://'를 선택합니다. ('http://'의 사용은 권장하지 않습니다.) - 픽셀 버전이 캐시에 저장된 브라우저에서 조회수가 등록되도록 하려면 캐시 무효화 사용을 선택합니다. 그러면 쿼리인
gtmcb=<random number>가 URL에 추가됩니다. 기본 쿼리 매개변수를 변경하려면 캐시 무효화 쿼리 매개변수 필드에gtmcb가 아닌 값을 입력합니다.
새로 만들기를 클릭합니다.맞춤 HTML 태그
맞춤 HTML 태그 유형을 이용하면 아직 태그 관리자를 통해 지원되지 않는 태그를 배포할 수 있습니다. 이 코드는 태그 공급업체가 제공합니다.
새로운 맞춤 HTML 태그를 만드는 방법은 다음과 같습니다.
- 태그
- 태그 구성을 클릭하고 맞춤 HTML을 선택합니다.
- 공급업체에서 제공한 태그 코드를 복사하여 HTML 필드에 붙여넣거나, 맞춤 HTML 또는 자바스크립트 코드를 입력합니다. 참고: 자바스크립트는 항상
<script></script>HTML 태그 안에 입력해야 합니다.
필요하다면 document.write 지원을 선택하여 자바스크립트 코드에서 document.write() 호출을 사용합니다.
맞춤 HTML에 태그 관리자 변수를 추가하려면 다음과 같이 이중 중괄호 안에 변수 이름을 넣습니다.
<script>
var foo = {{bar}};
</script>
맞춤 HTML 태그 버전 간의 차이점을 검사하려면 다음 안내를 따르세요.
- 버전을 클릭합니다.
- 검사하려는 맞춤 HTML 태그 버전이 있는 버전 항목을 클릭합니다.
- 버전 변경 카드에서 맞춤 HTML 태그의 이름을 클릭하여 구성 변경사항을 확인합니다.
세부정보 보기를 클릭하여 차이점이 강조표시된 코드를 펼칩니다.
세부정보 보기를 클릭하여 차이점이 강조표시된 코드를 펼칩니다.함수 호출 태그
모바일 앱 컨테이너에서 함수 호출 태그를 사용하면 사전 등록된 함수를 실행할 수 있습니다. 함수 호출 태그에서 호출할 클래스를 지정할 때는 해당 함수가 실행되는 동시에 인수를 키/값 쌍으로 전달하도록 트리거를 구성할 수 있습니다. 함수 호출 태그는 외부 SDK를 사용해 태그 관리 기능을 확장할 때도 사용됩니다.