네이티브 광고 설정을 정의하고 나면 네이티브 광고의 스타일을 지정할 수 있습니다. 이 도움말에서는 구성해야 하는 필수 및 선택 설정에 대해 설명합니다.
다음을 사용하여 네이티브 광고 스타일을 지정합니다.
친절한 디자인 편집기
친절한 디자인 편집기를 선택하여 네이티브 스타일을 만들면 관리 기능을 사용하여 웹사이트 또는 앱의 모양과 느낌에 맞게 네이티브 광고의 스타일을 지정할 수 있습니다. 업데이트는 광고 미리보기에 자동으로 적용되므로 시험해 볼 수 있습니다.
친절한 디자인 편집기 사용을 위한 팁
미리보기 크기
'유동적'인 크기로 스타일을 만드는 경우 '너비 미리보기' 설정을 업데이트하여 다양한 화면 크기에서 광고가 어떻게 표시되는지 확인할 수 있습니다. 미리보기 옆에 있는 파란색 막대를 사용하여 너비 크기를 수동으로 조절할 수도 있습니다. 높이는 자동으로 업데이트됩니다.
엘리먼트 순서 변경하기
요소 재정렬을 클릭하여 오른쪽 패널의 각 카드 내에서 요소를 표시하거나 숨기고 재정렬합니다. 예를 들어 클릭 유도문안을 광고주 이름 위로 이동하고 광고주 로고를 삭제할 수 있습니다.
'네이티브 광고 스타일 지정' 패널
'네이티브 광고 스타일 지정' 패널을 사용하면 필요에 따라 설정을 업데이트할 수 있습니다. 예를 들어 '제목'을 확장하면 광고 제목을 최대 30자(짧은 길이) 또는 90자(긴 길이)로 설정할 수 있습니다.
- Archivo
- Arial
- Arimo
- Bitter
- Comic sans
- EB Garamond
- Geneva
- Georgia
- Helvetica
- Lato
- Libre Baskerville
- Libre Franklin
- Lora
- Merriweather
- Montserrat
- Mukta
- Muli
- Nunito
- Open Sans
- Open Sans Condensed
- Oswald
- Playfair Display
- Poppins
- Raleway
- Roboto
- Roboto Condensed
- Roboto Slab
- Slabo 27px
- Source Sans Pro
- Times New Roman
- Trebuchet
- Ubuntu
- Verdana
- Volkhov
CSS 편집기의 스타일
- 수정한 후에는 UI 컨트롤을 통해 추가로 변경할 수 없습니다.
- CSS 수정으로 정책 오류가 발생하면 네이티브 스타일이 Ad Exchange 입찰 자격을 잃게 되지만, 보장 프로그래매틱을 통해 계속 게재할 수는 있습니다.
- 친절한 디자인 편집기에서는 HTML을 수정할 수 없습니다. 추가 맞춤설정을 위해 HTML 및 CSS 편집기 옵션을 선택할 수 있지만, 그렇게 하면 프로그래매틱 적합성을 잃게 됩니다.
CSS를 직접 수정하려면 CSS 편집기의 스타일 스위치를 사용 설정합니다.
CSS를 수정하는 경우 유효성 검사를 클릭하여 스타일이 Ad Exchange 정책을 준수하는지 확인합니다.
HTML 및 CSS
네이티브 스타일을 만드는 데 'HTML 및 CSS 편집기' 옵션을 선택하는 경우, HTML 및 CSS를 사용하여 웹사이트나 앱의 모양과 느낌에 맞게 네이티브 광고의 스타일을 지정할 수 있습니다. 이 페이지의 광고 미리보기에 업데이트가 자동으로 적용되므로 시험해 볼 수 있습니다.
HTML 및 CSS 편집기 사용 팁
미리보기 크기
'유동적'인 크기로 스타일을 만드는 경우 '너비 미리보기' 설정을 업데이트하여 다양한 화면 크기에서 광고가 어떻게 표시되는지 확인할 수 있습니다. 미리보기 옆에 있는 파란색 막대를 사용하여 너비 크기를 수동으로 조절할 수도 있습니다. 높이는 자동으로 업데이트됩니다.
렌더링 유형
AMP(Accelerated Mobile Pages))에 최적화된 네이티브 광고를 만들지 선택합니다. 광고 설정에서 '유동적' 크기를 선택한 경우 여기에서 '표준' 기본 설정을 변경할 수 없습니다.
- 표준: 네이티브 광고는 데스크톱 웹, 모바일 웹, 모바일 앱에서 작동합니다. 표준 네이티브 광고는 AMP 콘텐츠에서도 작동하지만 AMP 옵션을 선택하는 것만큼 빠르지는 않습니다.
- AMP: AMP 광고는 특히 AMP 콘텐츠에서 더 빠르게 표시되도록 설계되었지만 표준 콘텐츠에도 게재됩니다.
- 표준 및 AMP: 별도의 코드를 추가하여 두 가지 버전의 네이티브 광고를 생성합니다. Ad Manager에서는 AMP 콘텐츠에 AMP 버전을 게재하고, 표준 콘텐츠에 표준 버전을 게재합니다. 광고 소재 래퍼를 사용하여 광고에 코드 스니펫을 추가하는 방법을 알아보세요.
'네이티브 광고 스타일 지정' 패널
오른쪽 패널에서 HTML과 CSS 간에 전환하고 적절히 업데이트할 수 있습니다. 네이티브 광고에 코드를 추가하는 방법에 대해 자세히 알아보세요.
HTML에 iOS '자체 범용 링크' 추가
자체 범용 링크는 iOS 앱에서 인앱 탐색에 사용되는 iOS 범용 링크입니다. 네이티브 광고 소재에 자체 범용 링크를 사용하려면 다음 예에서와 같이 %%ONE_CLICK_HANDLER_TARGET%% 매크로를 HTML에 추가합니다.
다음 단계
스타일 구성을 완료하면 다음 2가지 옵션 중 하나를 클릭하여 변경 사항을 저장합니다.
- 저장 및 활성화는 스타일의 상태를 '활성'으로 업데이트하고 광고를 게재하도록 허용합니다.
- 저장은 상태를 '비활성'으로 업데이트하고 아직 광고를 게재하도록 허용하지 않습니다. 나중에 활성화하려면 저장된 네이티브 스타일의 표로 이동하여 스타일을 선택한 다음 활성화를 클릭하세요.
특정 광고 항목에 네이티브 스타일을 사용하려면 특정 광고 항목에 네이티브 스타일을 적용합니다.