Google 태그 관리자의 미리보기 및 디버그 모드를 사용하면 현재의 임시 컨테이너가 배포된 것처럼 컨테이너 코드가 구현되는 사이트를 미리 둘러볼 수 있으므로 게시 전에 컨테이너 구성을 테스트할 수 있습니다. 미리보기된 사이트는 Tag Assistant에 연결되어 실행된 태그와 그 순서를 검사할 수 있습니다.
미리보기 및 디버그 모드 사용 설정하기
현재 작업공간에 대한 미리보기 및 디버그 모드를 사용 설정하려면 다음 단계를 따르세요.
- 작업공간의 오른쪽 상단에서 미리보기를 클릭합니다.
- 사이트 URL을 입력합니다.
- URL에 추가된 추가 디버그 매개변수로 인해 일부 사이트 또는 페이지가 손상될 수 있습니다. 이 경우 URL에 디버그 신호 포함 체크박스를 선택 해제할 수 있습니다.
- 연결을 클릭합니다. 새 창에서 사이트가 열리고 오른쪽 하단에 연결됨으로 표시됩니다.
Tag Assistant Companion Chrome 확장 프로그램을 설치한 경우, 새 창이 아닌 새 탭에서 웹사이트가 열립니다.
- Tag Assistant 탭을 다시 클릭하고 계속을 클릭하여 디버그 인터페이스에 액세스합니다.
Tag Assistant 활성화 페이지에서 디버깅을 위해 사이트를 미리 볼 수도 있습니다.
컨테이너의 이전 버전을 미리 보려면 다음 안내를 따르세요.
- 작업공간의 상단 탐색 메뉴에서 버전을 클릭합니다.
- 작업하려는 버전을 찾은 후 추가 작업 을 클릭하고 미리보기를 선택합니다.
미리보기 및 디버그 모드 사용하기
미리보기 및 디버그 모드가 사용 설정되면 입력한 페이지에 새 창이 실행됩니다. 디버그 인터페이스에 태그 관련 세부정보(예: 태그 실행 방법, 처리 중인 데이터)가 표시됩니다. 디버그 인터페이스는 미리보기 모드를 사용 설정하는 데 사용한 브라우저 또는 공유된 사용자에게만 표시되며 일반 웹사이트 방문자에게는 표시되지 않습니다.
디버그 인터페이스에서 이 정보를 사용하여 태그와 트리거가 올바르게 실행되는지, 해당 서비스로 전달되는 데이터가 무엇인지 확인할 수 있습니다. 클릭을 통해 웹사이트 미리보기로 연결되면 디버그 인터페이스에서 태그 실행 방법과 관련된 정보가 업데이트됩니다. 이 정보를 토대로 태그가 성공적으로 실행되었는지 여부와 실행되거나 실행되지 않은 트리거를 확인할 수 있습니다.
상단 탐색 메뉴에는 태그, 변수, 데이터 영역에 대한 정보에 액세스할 수 있는 옵션이 표시되고 왼쪽 탐색 메뉴의 요약에는 이벤트 목록이 표시됩니다.
- 태그: 태그를 클릭하여 실행된 태그와 실행되지 않은 태그를 확인합니다. 태그를 클릭하여 태그 속성 및 연관된 트리거를 조회합니다. 왼쪽 열에서 이벤트를 선택하면 태그 탭에 해당 이벤트의 태그 상태가 표시됩니다.
-
변수: 변수 탭에는 선택한 이벤트의 변수에 대한 세부정보(예: 변수의 유형, 반환된 데이터의 유형, 해결된 값)가 표시됩니다. 이벤트가 실행된 시점에서의 변수 상태를 확인하려면 왼쪽 탐색 메뉴에서 이벤트를 선택하세요.
- 데이터 영역: 데이터 영역 탭에는 선택한 이벤트의 데이터 영역으로 푸시된 메시지와 메시지 거래가 완료된 후의 데이터 영역 모습이 표시됩니다. 왼쪽 탐색 메뉴에서 이벤트를 선택하여 이벤트가 실행된 시점에서의 데이터 영역 상태를 확인하세요.
미리보기 및 디버그 모드 공유하기
미리보기 및 디버그 모드를 사용 설정하면 미리보기된 컨테이너 구성 및 Tag Assistant 디버그 인터페이스는 미리보기 및 디버그 모드를 활성화하는 데 사용한 브라우저에만 표시됩니다. 맞춤 생성된 URL로 해당 미리보기를 다른 사용자와 공유할 수 있습니다.
작업공간 구성의 미리보기를 동료와 공유하려면 다음 안내를 따르세요.
- Tag Assistant 디버그 인터페이스의 상단에서 추가 작업 을 클릭하고 공유를 선택합니다.
- 디버그 세션 공유 대화상자에서 타겟 웹사이트 도메인과 디버깅할 태그를 입력합니다.
- 표시된 상자에서 표시되는 미리보기 URL을 복사합니다.
- 복사된 미리보기 URL을 전자 메시지에 붙여넣어 동료에게 전송합니다. 미리보기 URL을 통해 사용자는 미리보기 모드에서 사이트에 연결하여 Tag Assistant 디버그 인터페이스를 볼 수 있습니다.
작업공간에서 컨테이너의 현재 또는 이전 버전을 공유할 수도 있습니다.
- 작업공간의 상단 탐색 메뉴에서 버전을 클릭합니다.
- 공유하려는 버전을 찾아 추가 작업 을 클릭하고 미리보기 공유를 선택합니다.
- 미리보기 공유 대화상자에서 타겟 웹사이트 도메인(예: https://example.com/)을 입력합니다.
- 표시된 상자에서 표시되는 미리보기 URL을 복사합니다.
- 복사된 미리보기 URL을 전자 메시지에 붙여넣어 동료에게 전송합니다. 미리보기 URL을 통해 사용자는 미리보기 모드에서 사이트에 연결하여 Tag Assistant 디버그 인터페이스를 볼 수 있습니다.
미리보기 및 디버그 모드 종료하기
다음 중 한 가지 방법으로 미리보기 모드를 종료하고 디버깅을 중지할 수 있습니다.
- 미리보기된 사이트의 플로팅 창에서 연결 해제를 클릭합니다.
- Tag Assistant 디버그 인터페이스의 왼쪽 상단에서 X를 클릭합니다.
- Tag Assistant 활성화 페이지에서 디버깅 중지를 클릭합니다.