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

Preview the Workspace

자막을 원하는 언어로 보려면 YouTube 자막 기능을 켜세요. 동영상 플레이어 하단에 있는 설정 아이콘 을 선택하고 '자막'을 선택한 후 원하는 언어를 선택하면 됩니다.

---

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

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

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

1. https://tagmanager.google.com으로 이동합니다.
2. Google 계정에 로그인합니다. 새 Google 계정을 만드는 방법을 알아보세요.
3. 수정하려는 태그 관리자 컨테이너를 엽니다.
4. 작업공간 탭에서 미리보기(오른쪽 상단)를 클릭하여 새 탭에서 Google Tag Assistant를 실행합니다.
5. 사이트 URL을 입력합니다.
6. URL에 추가된 추가 디버그 매개변수로 인해 일부 사이트 또는 페이지가 손상될 수 있습니다. 이 경우 URL에 디버그 신호 포함 체크박스를 선택 해제할 수 있습니다.
7. 연결을 클릭합니다. 새 창에서 사이트가 열리고 오른쪽 하단에 연결됨으로 표시됩니다.
   Tag Assistant Companion Chrome 확장 프로그램을 설치한 경우, 새 창이 아닌 새 탭에서 웹사이트가 열립니다.
8. 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 디버그 인터페이스를 볼 수 있습니다.

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

미리보기 모드를 종료하고 디버깅을 중지하려면 다음 단계를 따르세요.

1. Tag Assistant 디버그 인터페이스의 왼쪽 상단에서 X를 클릭합니다.
2. Tag Assistant 활성화 페이지에서 디버깅 중지를 클릭합니다.