G Suite가 이제 업무 처리에 필요한 모든 도구를 한곳에 모은 Google Workspace로 바뀌었습니다.

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

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

Google 태그 관리자의 미리보기 및 디버그 모드를 사용하면 현재의 임시 컨테이너가 배포된 것처럼 컨테이너 코드가 구현되는 사이트를 미리 둘러볼 수 있으므로 게시 전에 컨테이너 구성을 테스트할 수 있습니다. 미리보기된 사이트는 Tag Assistant에 연결되어 실행된 태그와 그 순서를 검사할 수 있습니다.

미리보기 및 디버그 모드 사용 설정하기

현재 작업공간에 대한 미리보기 및 디버그 모드를 사용 설정하려면 다음 단계를 따르세요.

  1. 작업공간의 오른쪽 상단에서 미리보기를 클릭합니다.
  2. 사이트 URL을 입력합니다.
  3. URL에 추가된 추가 디버그 매개변수로 인해 일부 사이트 또는 페이지가 손상될 수 있습니다. 이 경우 URL에 디버그 신호 포함 체크박스를 선택 해제할 수 있습니다.
  4. 연결을 클릭합니다. 새 창에서 사이트가 열리고 오른쪽 하단에 연결됨으로 표시됩니다.
    Tag Assistant Companion Chrome 확장 프로그램을 설치한 경우, 새 창이 아닌 새 탭에서 웹사이트가 열립니다.
  5. Tag Assistant 탭을 다시 클릭하고 계속을 클릭하여 디버그 인터페이스에 액세스합니다.

    Tag Assistant 활성화 페이지에서 디버깅을 위해 사이트를 미리 볼 수도 있습니다.

 

컨테이너의 이전 버전을 미리 보려면 다음 안내를 따르세요.

  1. 작업공간의 상단 탐색 메뉴에서 버전을 클릭합니다.
  2. 작업하려는 버전을 찾은 후 추가 작업 더보기을 클릭하고 미리보기를 선택합니다.

미리보기 및 디버그 모드 사용하기

미리보기 및 디버그 모드가 사용 설정되면 입력한 페이지에 새 창이 실행됩니다. 디버그 인터페이스에 태그 관련 세부정보(예: 태그 실행 방법, 처리 중인 데이터)가 표시됩니다. 디버그 인터페이스는 미리보기 모드를 사용 설정하는 데 사용한 브라우저 또는 공유된 사용자에게만 표시되며 일반 웹사이트 방문자에게는 표시되지 않습니다.

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

상단 탐색 메뉴에는 태그, 변수, 데이터 영역에 대한 정보에 액세스할 수 있는 옵션이 표시되고 왼쪽 탐색 메뉴의 요약에는 이벤트 목록이 표시됩니다.

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

  • 데이터 영역: 데이터 영역 탭에는 선택한 이벤트의 데이터 영역으로 푸시된 메시지와 메시지 거래가 완료된 후의 데이터 영역 모습이 표시됩니다. 왼쪽 탐색 메뉴에서 이벤트를 선택하여 이벤트가 실행된 시점에서의 데이터 영역 상태를 확인하세요.
디버그 인터페이스는 다음 컨테이너 유형에 사용할 수 없습니다.
  • 모바일 앱 컨테이너(모바일 앱 컨테이너의 미리보기 및 디버그 방법에 대한 자세한 내용은 iOS Android 개발자 문서 참조)
  • AMP 컨테이너(사이트 미리보기는 여전히 가능)

미리보기 및 디버그 모드 공유하기

미리보기 및 디버그 모드를 사용 설정하면 미리보기된 컨테이너 구성 및 Tag Assistant 디버그 인터페이스는 미리보기 및 디버그 모드를 활성화하는 데 사용한 브라우저에만 표시됩니다. 맞춤 생성된 URL로 해당 미리보기를 다른 사용자와 공유할 수 있습니다.

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

  1. Tag Assistant 디버그 인터페이스의 상단에서 추가 작업 더보기을 클릭하고 공유를 선택합니다.
  2. 디버그 세션 공유 대화상자에서 타겟 웹사이트 도메인과 디버깅할 태그를 입력합니다.
  3. 표시된 상자에서 표시되는 미리보기 URL을 복사합니다.
  4. 복사된 미리보기 URL을 전자 메시지에 붙여넣어 동료에게 전송합니다. 미리보기 URL을 통해 사용자는 미리보기 모드에서 사이트에 연결하여 Tag Assistant 디버그 인터페이스를 볼 수 있습니다.

작업공간에서 컨테이너의 현재 또는 이전 버전을 공유할 수도 있습니다.

  1. 작업공간의 상단 탐색 메뉴에서 버전을 클릭합니다.
  2. 공유하려는 버전을 찾아 추가 작업 더보기을 클릭하고 미리보기 공유를 선택합니다.
  3. 미리보기 공유 대화상자에서 타겟 웹사이트 도메인(예: https://example.com/)을 입력합니다.
  4. 표시된 상자에서 표시되는 미리보기 URL을 복사합니다.
  5. 복사된 미리보기 URL을 전자 메시지에 붙여넣어 동료에게 전송합니다. 미리보기 URL을 통해 사용자는 미리보기 모드에서 사이트에 연결하여 Tag Assistant 디버그 인터페이스를 볼 수 있습니다.

미리보기 및 디버그 모드 종료하기

다음 중 한 가지 방법으로 미리보기 모드를 종료하고 디버깅을 중지할 수 있습니다.

  • 미리보기된 사이트의 플로팅 창에서 연결 해제를 클릭합니다.
  • Tag Assistant 디버그 인터페이스의 왼쪽 상단에서 X를 클릭합니다.
  • Tag Assistant 활성화 페이지에서 디버깅 중지를 클릭합니다.
도움이 되었나요?
어떻게 하면 개선할 수 있을까요?
검색
검색어 지우기
검색 닫기
Google 앱
기본 메뉴
도움말 센터 검색
true
102259
false