작업 게시하기

프로젝트 작업을 마치고 나면 이를 게시하여 최종 파일 모음을 생성해야 합니다. 그러면 광고 플랫폼에서 이러한 파일을 트래피킹에 사용하거나, 프로젝트가 HTML 페이지인 경우에는 서버에서 파일을 호스팅할 수 있습니다.

광고를 게시하기 전에 게시 대화상자의 요약 섹션에서 광고가 모든 유효성 검사를 통과했는지 확인할 수 있습니다.

문서를 게시하는 방법:

창 상단에 있는 '게시' 버튼의 아래쪽 화살표를 클릭하여 게시된 파일의 대상 위치를 선택합니다.

로컬에서

로컬에서 게시하면 Google Web Designer가 컴퓨터에 게시된 파일을 생성하므로 사용자는 필요한 위치로 파일을 전송할 수 있습니다.

동영상 광고 및 이미지 광고

동영상 광고와 이미지 광고의 내보내기 대화상자에는 아래에 설명된 것과 다른 옵션이 있습니다. 자세히 알아보기:

게시 대화상자 설정

동영상 광고 및 이미지 광고

동영상 광고와 이미지 광고의 내보내기 대화상자에는 아래에 설명된 것과 다른 옵션이 있습니다. 자세히 알아보기:

이름: 관련 문서 및 지원 파일이 있는 .zip 파일 또는 폴더의 이름을 설정합니다. Google Web Designer는 기본적으로 파일을 만들 때 HTML 파일에 지정한 것과 동일한 이름을 사용합니다.
위치: .zip 파일이나 폴더를 저장할 위치를 선택합니다. 위치 경로를 입력하거나 폴더 아이콘을 클릭하여 파일 시스템을 찾아볼 수 있습니다.
크기: 반응형 레이아웃의 경우 크기를 개별적으로 내보내기 체크박스를 선택하여 드롭다운에서 선택한 크기별로 게시된 파일을 개별적으로 생성할 수 있습니다.
다음 게시 옵션을 선택 또는 선택 해제합니다. 문서 유형에 따라 사용할 수 없는 옵션도 있습니다.
- 파일 폴더화 - 모든 파일을 하나의 폴더에 넣습니다. (광고의 경우 자동으로 선택됨)
- Zip 생성 - 모든 파일을 하나의 .zip 파일로 압축합니다.
- 인라인 로컬 파일 - 자바스크립트 및 CSS를 외부 파일이 아닌 HTML 파일 내에 배치합니다. (AMPHTML 광고의 경우 자동으로 선택됨)
- 축소 - 더 작은 파일 크기의 소스 코드를 압축합니다.
- 폴라이트 로드 - 호스팅 페이지에서 초기 로드를 마칠 때까지 애셋 로드를 지연시킵니다. (AMP HTML 광고에는 사용할 수 없음)
- 테두리 추가 - 지정한 색상을 사용하여 1픽셀 테두리를 추가합니다. (AMPHTML 광고에는 사용할 수 없음)
CSS 프리픽스: 파일에 포함하려는 CSS 프리픽스를 선택합니다. 다양한 브라우저가 모두 호환될 수 있도록 기본적으로 모든 프리픽스가 선택됩니다.

설정이 완료되면 게시를 클릭합니다.

게시 후에는 생성된 .zip 파일이나 폴더를 공유하거나 Google Ads 또는 웹 호스트와 같은 광고 플랫폼에 업로드할 수 있습니다.

Google Drive

Google Drive에 게시하면 Google Web Designer에서 게시된 파일을 Google Drive 스토리지에 업로드하여 사용자가 파일을 쉽게 공유할 수 있습니다.

로그인을 안 하셨나요?

Google Web Designer에서 Google 계정에 로그인하지 않은 경우 브라우저에 로그인 페이지가 열립니다. Google Drive 계정 사용자 인증 정보로 로그인하세요.

Google Web Designer가 다른 Google 제품과 통합할 수 있도록 허용하라는 메시지가 표시됩니다. 계속하려면 허용을 클릭합니다.

게시 대화상자 설정

이름: 관련 문서 및 지원 파일이 있는 .zip 파일 또는 폴더의 이름을 설정합니다. Google Web Designer는 기본적으로 파일을 만들 때 HTML 파일에 지정한 것과 동일한 이름을 사용합니다.
위치: 파일 저장 위치를 선택합니다. 파일을 저장할 위치의 경로를 입력하거나 검색 아이콘을 클릭하여 원하는 위치로 이동합니다.
크기: AdMob 반응형 레이아웃의 경우 사용하려는 크기별로 광고를 게시해야 합니다. 크기 드롭다운에서 광고 크기를 선택합니다.
게시 옵션을 선택 또는 선택 취소합니다. 일부 옵션은 문서 유형에 사용하지 못할 수도 있습니다.
- 인라인 로컬 파일 - 자바스크립트 및 CSS를 외부 파일이 아닌 HTML 파일 내에 배치합니다. (AMPHTML 광고의 경우 자동으로 선택됨)
- 축소 - 더 작은 파일 크기의 소스 코드를 압축합니다.
- 폴라이트 로드 - 호스팅 페이지에서 초기 로드를 마칠 때까지 애셋 로드를 지연시킵니다. (AMPHTML 광고에는 사용할 수 없음)
- 테두리 추가 - 지정한 색상을 사용하여 1픽셀 테두리를 추가합니다. (AMPHTML 광고에는 사용할 수 없음)
CSS 프리픽스: 파일에 포함하려는 CSS 프리픽스를 선택합니다. 다양한 브라우저가 모두 호환될 수 있도록 기본적으로 모든 프리픽스가 선택됩니다.

설정이 완료되면 게시를 클릭합니다.

게시 후에는 생성된 .zip 파일이나 폴더를 공유하거나 Google Ads 또는 웹 호스트와 같은 광고 플랫폼에 업로드할 수 있습니다.

Studio

이 기능은 AMPHTML 광고에 사용할 수 없습니다.

요구사항

Studio 계정
광고 환경이 Display & Video 360으로 설정됨

로그인을 안 하셨나요?

Google Web Designer에서 Google 계정에 로그인하지 않은 경우 브라우저에 로그인 페이지가 열립니다. Studio 계정 사용자 인증 정보로 로그인하세요.

Google Web Designer가 Studio를 비롯한 다른 Google 제품과 통합할 수 있도록 허용하라는 메시지가 표시됩니다. 계속하려면 허용을 클릭합니다.

게시 대화상자 설정

계정: Studio 계정의 이름을 입력합니다.
광고주: 광고주 이름을 입력합니다. 기존 광고주를 선택하거나 새 광고주를 만들 수 있습니다.
캠페인: 업로드하려는 광고의 캠페인 이름을 입력합니다. 기존 캠페인을 선택하거나 새 이름을 입력하여 새 캠페인을 만들 수 있습니다.
크기: 반응형 레이아웃의 경우 Studio에서 사용하려는 각 크기마다 광고를 게시해야 합니다. 크기 드롭다운에서 광고 크기를 선택합니다. 광고를 한 번만 게시하려면 로컬에서 광고를 게시한 다음, 생성된 .zip 파일을 Studio 인터페이스를 통해 업로드하면 됩니다.
광고 소재: 광고 소재 이름을 입력합니다.
다음과 같은 게시 옵션을 선택 또는 선택 해제합니다.
- 인라인 로컬 파일 - 자바스크립트 및 CSS를 외부 파일이 아닌 HTML 파일 내에 배치합니다.
- 폴라이트 로드 - 호스팅 페이지에서 초기 로드를 마칠 때까지 애셋 로드를 지연시킵니다.
- 테두리 추가 - 지정한 색상을 사용하여 1픽셀 테두리를 추가합니다.
CSS 프리픽스: 파일에 포함하려는 CSS 프리픽스를 선택합니다. 다양한 브라우저가 모두 호환될 수 있도록 기본적으로 모든 프리픽스가 선택됩니다.

설정이 완료되면 게시를 클릭합니다.

연결된 광고 소재

문서를 Studio에 게시하면 연결이 생성되는데, 이를 통해 Google Web Designer에서는 해당 설정이 저장되었다가 Studio에 게시할 때마다 재사용됩니다. 연결이 설정된 후('게시' 버튼 메뉴에 자물쇠 아이콘 이 표시됨) Studio에 게시하면 동일한 광고 소재의 새로운 초안이 저장됩니다.

연결을 해제하는 방법:

창 상단에 있는 '게시' 버튼의 아래쪽 화살표를 클릭합니다.
팝업 메뉴에서 스튜디오 옆에 있는 자물쇠 아이콘 을 클릭한 후 연결 삭제를 확인합니다.

다음에 Studio에 게시할 때 문서를 새로운 광고 소재로 게시할 수 있습니다.

Display & Video 360

이 기능은 AMPHTML 광고에 사용할 수 없습니다.

Display & Video 360 계정이 있고 광고 환경이 Display & Video 360으로 설정된 경우 Google Web Designer를 사용하여 광고 소재를 Display & Video 360에 바로 게시할 수 있습니다. 광고 소재가 초안으로 저장되며 Display & Video 360 계정에서 명시적으로 게시하기 전까지는 트래피킹되지 않습니다.

문서가 브랜드 인지도 스키마를 사용하는 동적 광고인 경우 Display & Video 360 계정의 형식 갤러리에서 문서를 맞춤 형식으로 저장할 수 있습니다.

로그인을 안 하셨나요?

Google Web Designer에서 Google 계정에 로그인하지 않은 경우 브라우저에 로그인 페이지가 열립니다. Display & Video 360 계정 사용자 인증 정보로 로그인하세요.

Google Web Designer가 Display & Video 360을 비롯한 다른 Google 제품과 통합할 수 있도록 허용하라는 메시지가 표시됩니다. 계속하려면 허용을 클릭합니다.

게시 대화상자 설정

게시 형식: 동적 광고에 한해 초안 광고 소재 또는 맞춤 형식을 선택합니다.

맞춤 형식

이 기능은 현재 베타 테스트 중입니다. 자세한 내용은 Google Marketing Platform 지원 담당자에게 문의해 주세요.
파트너: Display & Video 360 파트너의 이름을 입력합니다. '읽기 및 쓰기', '광고 소재' 또는 '광고 소재 관리자' 액세스 권한이 있는 파트너가 하나뿐인 경우 해당 파트너가 자동으로 선택됩니다.
광고주: 광고주 이름을 입력합니다.
광고 소재: 광고 소재 이름 또는 형식 이름을 입력합니다.
다음과 같은 게시 옵션을 선택 또는 선택 해제합니다.
- 인라인 로컬 파일 - 자바스크립트 및 CSS를 외부 파일이 아닌 HTML 파일 내에 배치합니다.
- 폴라이트 로드 - 호스팅 페이지에서 초기 로드를 마칠 때까지 애셋 로드를 지연시킵니다.
- 테두리 추가 - 지정한 색상을 사용하여 1픽셀 테두리를 추가합니다.
CSS 프리픽스: 파일에 포함하려는 CSS 프리픽스를 선택합니다. 다양한 브라우저가 모두 호환될 수 있도록 기본적으로 모든 프리픽스가 선택됩니다.

설정이 완료되면 게시를 클릭합니다.

연결된 광고 소재

문서를 Display & Video 360에 게시하면 연결이 생성되는데, 이를 통해 Google Web Designer가 설정을 기억해 Display & Video 360에 게시할 때마다 이 설정을 다시 사용합니다. 연결이 설정된 후('게시' 버튼 메뉴에 자물쇠 아이콘 이 표시됨) 광고 소재를 Display & Video 360에 게시하면 동일한 광고 소재의 새로운 초안이 저장됩니다.

맞춤 형식에 대한 연결은 생성되지 않습니다. 맞춤 형식을 여러 번 게시하면 게시할 때마다 새로운 형식이 생성됩니다. 그러나 파트너 및 광고주 설정은 저장됩니다.

연결을 해제하는 방법:

창 상단에 있는 게시 버튼의 아래쪽 화살표를 클릭합니다.
팝업 메뉴에서 Display & Video 360 옆에 있는 자물쇠 아이콘 을 클릭한 후 연결 삭제를 확인합니다.

다음에 Display & Video 360에 게시할 때 문서를 새로운 광고 소재로 게시할 수 있습니다.

Display & Video 360 계정에서 광고 소재를 변경하는 경우 변경사항이 Google Web Designer에서 자동으로 반영되지 않습니다. 광고 소재의 마지막 버전으로 작업하려면 광고 소재를 다운로드한 후 작성 중인 파일을 Web Designer에서 열어야 합니다.

Campaign Manager 360

로그인을 안 하셨나요?

Google Web Designer에서 Google 계정에 로그인하지 않은 경우 브라우저에 로그인 페이지가 열립니다. Campaign Manager 360 계정 사용자 인증 정보로 로그인하세요.

Google Web Designer를 Campaign Manager 360을 비롯한 다른 Google 제품과 통합하는 것을 허용하도록 요청하는 메시지가 표시됩니다. 계속하려면 허용을 클릭합니다.

요구사항

광고 소재: 전체 액세스 권한을 포함하는 트래피킹 권한이 있는 Campaign Manager 360 계정
광고 유형이 배너 또는 전면 광고임
광고 환경이 Display & Video 360으로 설정됨
이탈 이벤트
최대 총 크기: 10MB

애셋 가이드라인

지원되는 파일 형식:
- 이미지 - GIF, JPEG, PNG, SVG
- 동영상 - AVI, M4V, MOV, MP1, MP4, OGG, WEBM, WMV
- 오디오 - 지원되지 않음
- 글꼴 - OTT, OTF, TTF, WOFF, WOFF2
- 기타 - CSS, HTML, JS, JSON, XML
로컬 애셋 최대 99개

지원되지 않는 광고 유형

확장형
AMPHTML
반응형 리치 미디어

게시 대화상자 설정

이미지 광고

이미지 광고의 내보내기 대화상자에는 아래에 설명된 것과 다른 옵션이 있습니다. 자세히 알아보세요.

게시 대화상자에서 다음 필드를 채웁니다.

사용자 프로필: 사용할 Campaign Manager 360 사용자 프로필의 이름 또는 ID를 입력합니다.
계정: 이 필드는 사용자 프로필을 선택하면 자동으로 입력되며 수정할 수 없습니다.
광고주: 사용하려는 Campaign Manager 360 광고주의 이름을 입력합니다. 문자를 3개 이상 입력하면 입력한 문자와 일치하는 이름을 지닌 광고주의 목록이 표시됩니다.
캠페인: (선택 사항) 광고 소재를 특정 캠페인에 추가하려면 캠페인의 이름을 입력합니다. 문자를 3개 이상 입력하면 입력한 문자와 일치하는 이름을 지닌 캠페인의 목록이 표시됩니다.
광고 소재: 광고 소재에 사용할 이름을 입력합니다.
다음 게시 옵션을 선택 또는 선택 해제합니다.
- 인라인 로컬 파일 - 자바스크립트 및 CSS를 외부 파일이 아닌 HTML 파일 내에 배치합니다.
- 폴라이트 로드 - 호스팅 페이지에서 초기 로드를 마칠 때까지 애셋 로드를 지연시킵니다.
- 테두리 추가 - 지정한 색상을 사용하여 1픽셀 테두리를 추가합니다.
CSS 프리픽스: 파일에 포함하려는 CSS 프리픽스를 선택합니다. 다양한 브라우저가 모두 호환될 수 있도록 기본적으로 모든 프리픽스가 선택됩니다.

설정이 완료되면 게시를 클릭합니다.

동영상 애셋

동영상 애셋이 포함된 광고 소재는 비활성으로 설정할 수 있습니다. 광고 소재를 게재하려면 Campaign Manager 360에서 광고 소재를 활성화해야 합니다.

연결된 광고 소재

문서를 Campaign Manager 360에 게시하면 Google Web Designer에서 사용자 프로필, 광고주 및 캠페인 설정을 기억하여 Campaign Manager 360에 게시할 때마다 재사용하도록 허용하는 연결이 생성됩니다. 연결은 '게시' 버튼 메뉴에서 잠금 아이콘 으로 표시됩니다.

기존 광고 소재와 동일한 이름을 사용하더라도 Campaign Manager 360에 게시하게 되면 항상 새 광고 소재가 생성됩니다.

Google Web Designer의 광고 소재 변경사항은 Campaign Manager 360에 자동으로 동기화되지 않습니다. 게시된 광고 소재를 업데이트하려면 문서를 로컬에서 게시한 다음 Campaign Manager 360 인터페이스 내에 게시된 파일을 업로드합니다.

연결을 해제하는 방법:

창 상단에 있는 게시 버튼의 아래쪽 화살표를 클릭합니다.
팝업 메뉴에서 Campaign Manager 360 옆에 있는 자물쇠 아이콘 을 클릭한 후 연결 삭제를 확인합니다.

다음에 Campaign Manager 360에 게시할 때 사용자 프로필과 광고주 세부정보를 입력해야 합니다.

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?