브라우저에서 HTML5 광고 또는 HTML 페이지를 미리보기로 확인하면 이벤트가 게시 후 어떻게 표시되고 작동하는지 확인할 수 있습니다.
동영상 광고 및 이미지 광고
- 동영상 광고에는 이 페이지에 설명된 미리보기 옵션을 사용할 수 없습니다.
- 이미지 광고는 공유 가능한 미리보기 링크만 사용할 수 있습니다.
작업을 미리 보려면 다음 방법 중 하나를 사용합니다.
- 창의 오른쪽 상단에 있는 미리보기 버튼을 클릭합니다.
- 상단 메뉴에서 파일 > 미리보기를 선택합니다.
- Ctrl+Enter(Windows) 또는 ⌘+Enter(Mac)를 누릅니다.
미리보기 옵션
브라우저에서 미리보기작업을 미리 보는 가장 빠른 방법은 자신의 컴퓨터에서 브라우저로 보는 것입니다. 처음에는 사용할 브라우저를 선택해야 합니다. 선택을 마친 후 미리보기 버튼을 클릭하면 기본적으로 해당 브라우저가 사용됩니다.
브라우저 선택
Google Web Designer에서는 설치된 브라우저를 감지합니다. 특정 브라우저에서 미리 보려면 미리보기 버튼의 아래쪽 화살표를 클릭하고 목록에서 브라우저를 선택하세요. 선택한 브라우저는 이후 미리보기에 사용되는 기본 브라우저로 설정됩니다.
반응형 크기 선택
반응형 문서의 경우 '반응형' 패널에서 '미리보기 크기'를 사용 설정하여 미리보기 시 사용할 크기를 선택할 수 있습니다.
미리보기 모드
Google Web Designer에는 문서 유형에 따라 여러 가지 미리보기 모드가 있습니다. 미리보기 페이지 상단의 컨트롤에서 미리보기 모드를 선택할 수 있습니다.
아래 표에는 문서에서 사용할 수 있는 미리보기 모드가 나와 있습니다. 단순한 배너 광고에서는 미리보기 모드를 제공하지 않습니다.
문서에 Parallax 구성요소가 포함된 경우 미리보기는 구성요소를 위/아래로 스크롤할 수 있을 정도의 콘텐츠가 포함된 모바일 웹페이지를 에뮬레이션합니다.
- 기기 - 휴대기기 또는 맞춤을 선택합니다.
- 기기 회전
- 세로 모드와 가로 모드 중에서 선택할 수 있습니다.
- 표시 영역 크기 - 기기에 맞춤을 선택한 경우 이 입력란을 수정하거나 미리보기의 크기 조절 핸들을 드래그하여 새로운 크기를 설정할 수 있습니다.
- 세로 모드와 가로 모드 중에서 선택할 수 있습니다.Parallax 광고는 항상 Parallax 미리보기 모드를 사용합니다.
| 문서 유형 | 미리보기 모드 |
|---|---|
|
확장형, 전면 광고 또는 HTML 페이지 |
문서의 미리보기와 상호작용하며 실제로 어떻게 작동하는지 확인할 수 있습니다.
|
|
반응형 |
미리보기를 통해 반응형 문서가 여러 크기에서 어떻게 렌더링되는지 한눈에 볼 수 있습니다.
|
|
동적 |
여러 샘플 데이터 세트로 동적 광고를 미리 볼 수 있습니다.
|
유형이 두 개 이상인 경우
일부 문서 유형에서는 다른 유형의 옵션이 제외됩니다.
- 확장형 및 전면 광고는 반응형이거나 동적인 경우에도 미리보기에서 한 번에 하나의 버전만 표시됩니다.
- 반응형이면서 동적인 문서(확장형 또는 전면 광고가 아닌)에서는 여러 사이즈 또는 여러 피드를 동시에 미리 볼 수 있으나, 두 가지를 동시에 볼 수는 없습니다.
미리보기 새로고침
광고 또는 HTML 페이지의 미리보기를 초기 상태로 재설정하려면 미리보기 컨트롤 막대의 오른쪽에 있는 새로고침 
반응형 또는 동적 광고의 여러 버전을 미리 보는 경우에는 단일 버전 아래의 새로고침
미리보기 버튼 메뉴에서 공유 가능한 링크 가져오기 
- 휴대기기로 QR 코드를 스캔하여 광고가 표시되는 웹페이지로 이동합니다.
- 링크 복사를 클릭하여 페이지의 URL을 다른 사용자와 공유하면 브라우저에서 광고를 미리 볼 수 있습니다.
공유 가능한 링크를 처음 생성하는 경우 Google Web Designer에 휴대기기용 디스플레이 기반 광고 소재 광고를 미리 볼 권한을 부여하라는 메시지가 표시됩니다.
오류가 발생하는 경우 Google Web Designer의 계정에서 로그아웃(상단 메뉴에서 로그인 이메일 선택)합니다. 그런 다음 다시 로그인하여 옵션 목록에서 모바일용 디스플레이 기반 광고 소재 미리보기를 선택합니다.
참고: 이 미리보기 옵션은 Display & Video 360, Google Ads 또는 AdMob 광고 환경을 이용하는 광고에만 사용할 수 있습니다. 맞춤 크기로 확장되는 확장형 광고 및 AMP HTML 광고는 지원되지 않습니다.
일부 광고 유형의 제한사항
반응형 광고: 반응형 광고의 경우 미리보기에 사용할 특정 크기를 선택해야 합니다. 여러 크기의 이미지 광고의 경우 여러 크기를 선택할 수 있습니다.
동적 광고: 동적 HTML5 광고에는 자리표시자 요소만 표시됩니다. 현재로서는 HTML5 광고의 미리보기를 샘플 데이터 또는 피드 데이터와 공유할 수 없습니다. 변형이 있는 이미지 광고의 경우 여러 개의 변형을 선택하여 미리보기에 포함할 수 있습니다.
변경사항 미리보기
이미 생성된 미리보기에는 미리보기 또는 페이지를 새로고침하더라도 문서나 샘플 데이터의 이후 변경사항이 반영되지 않습니다. 수정사항을 보려면 미리보기를 새로 실행하세요.