컨테이너 미리보기 및 디버깅

태그 구성이 정상 작동하는지 확인하세요.

Google 태그 관리자의 미리보기 모드를 사용하면 마치 현재의 임시 컨테이너가 배포된 것처럼 컨테이너 코드가 구현되는 사이트를 미리 탐색할 수 있으므로 게시 전에 컨테이너 구성을 테스트할 수 있습니다. 미리보기 모드가 설정된 사이트는 실행된 태그 및 실행 순서를 확인할 수 있는 디버그 창이 웹사이트 콘텐츠 아래 브라우저에 표시됩니다.

미리보기 모드 설정

현재 작업공간에 대한 미리보기 모드를 설정하려면 미리보기를 클릭하세요. 태그 관리자에서 작업공간 개요 페이지 상단에 배너를 표시하여 미리보기 모드가 활성화되었음을 나타냅니다.

또한 컨테이너의 모든 이전 버전을 미리보기로 표시할 수 있습니다. 컨테이너의 이전 버전을 미리 보려면 다음 안내를 따르세요.

  1. 왼쪽 탐색 메뉴에서 버전을 클릭합니다.
  2. 작업하려는 버전을 찾은 후 작업 다음 미리보기를 선택합니다.

미리보기 모드 사용

미리보기 모드가 설정된 경우 컨테이너가 구현된 사이트로 이동하면 브라우저 하단에 디버그 콘솔 창이 표시됩니다. 디버그 콘솔에 태그 관련 세부정보(예: 태그 실행 방법, 처리 중인 데이터)가 표시됩니다. 콘솔 창은 미리보기 모드를 설정하는 데 사용된 브라우저와 공유된 사용자에게만 표시되며 일반 웹사이트 방문자에게는 표시되지 않습니다.

디버그 콘솔에서 이 정보를 사용하여 태그와 트리거가 올바르게 실행되는지, 해당 서비스로 전달되는 데이터가 무엇인지 확인할 수 있습니다. 클릭을 통해 웹사이트 미리보기로 연결되면 디버그 콘솔에서 태그 실행 방법과 관련된 정보가 업데이트됩니다. 이 정보를 토대로 태그가 성공적으로 실행되었는지 여부와 태그를 실행한(또는 실행하지 않은) 트리거를 확인할 수 있습니다.

상단 탐색 메뉴에는 태그, 변수, 데이터 영역의 목록이 표시되고 왼쪽 탐색 메뉴에는 이벤트 목록이 표시됩니다.

  • 태그: 태그를 클릭하여 실행된 태그와 실행되지 않은 태그를 확인하고 태그 속성 및 연관된 트리거를 조회합니다. 왼쪽 열에서 이벤트를 선택하면 태그 탭에 해당 이벤트의 태그 상태가 표시됩니다.
  • 변수: 변수 탭에는 선택한 이벤트의 변수에 대한 세부정보(예: 변수의 유형, 반환된 데이터의 유형, 해결된 값)가 표시됩니다. 이벤트가 실행된 시점에서의 변수 상태를 확인하려면 왼쪽 탐색 메뉴에서 이벤트를 선택하세요.

  • 데이터 영역: 데이터 영역 탭에는 선택한 이벤트의 데이터 영역으로 푸시된 메시지와 메시지 거래가 완료된 후의 데이터 영역 모습이 표시됩니다. 이벤트가 실행된 시점에서의 데이터 영역 상태를 확인하려면 왼쪽 탐색 메뉴에서 이벤트를 선택하세요.
디버그 창이 로드되지 않으면 '강제 새로고침'을 시도하세요. 이렇게 하면 웹브라우저에서 캐시된 애셋을 강제로 새로고침하게 됩니다. Chrome에서 강제로 새로고침하려면 다음 단축키를 사용합니다.
  • Windows 및 Linux: Shift + F5 또는 Ctrl + Shift + r
  • Mac: ⌘ + Shift + r
미리보기 모드는 타사 쿠키의 사용에 의존합니다. 미리보기 모드가 시작되지 않으면 브라우저 환경설정에서 타사 쿠키를 사용 설정했는지, 타사 쿠키가 브라우저 확장 프로그램에 의해 차단되고 있지 않는지 확인하세요.
현재 모바일 앱 컨테이너에는 디버그 창이 제공되지 않습니다. 모바일 앱 컨테이너의 미리보기 및 디버깅에 대한 자세한 내용은 iOS Android 개발자 설명서를 참조하세요.

미리보기 모드 공유

미리보기 모드를 설정하면 미리보기 모드를 활성화한 동일한 브라우저에서만 컨테이너의 구성 및 디버그 창 미리보기가 표시됩니다. 맞춤 생성된 URL로 이 미리보기를 다른 사용자와 공유할 수 있습니다.

작업공간 구성의 미리보기를 동료와 공유하려면 다음 안내를 따르세요.

  1. 미리보기 알림 배너에서 미리보기 공유를 클릭합니다.
  2. 미리보기 공유 대화상자에서 대상 웹사이트 도메인(예: https://example.com/)을 입력합니다.
  3. 표시된 상자에서 표시되는 미리보기 URL을 복사합니다.
  4. 복사된 미리보기 URL을 전자 메시지에 붙여넣기하여 동료에게 전송합니다. 미리보기 URL은 브라우저에서 미리보기 모드가 사용 설정되었음을 알려주는 방문 페이지로 연결됩니다.

미리보기 모드 나가기

컨테이너에서 미리보기 모드를 종료하려면 다음 단계를 따르세요.

  1. 작업공간을 클릭합니다.
  2. 미리보기 모드 종료를 클릭합니다.

공유된 미리보기 모드를 종료하려면 다음 단계를 따르세요.

  1. 받은 링크를 클릭하여 공유된 미리보기 방문 페이지로 이동합니다.
  2. 미리보기 및 디버그 모드 종료를 클릭합니다.
도움이 되었나요?
어떻게 하면 개선할 수 있을까요?