DoubleClick Campaign Manager(현재 Campaign Manager 360)로 전달하는 고정 크기 HTML 크리에이티브에는 DoubleClick (DCM) 옵션을 선택하세요. Bannerify는 Google 호환 크기 메타데이터를 추가하고 배너를 window.clickTag에 연결해요.
이 옵션으로 내보내기
- 내보낼 배너 프레임을 Bannerify로 불러오세요.
- Bannerify 헤더에서 Export to HTML을 클릭하세요.
- Code Output Settings에서 이 가이드에 나온 출력 옵션을 선택하세요.
- 내보내기 패널에 표시되는 게재 URL이나 그 밖의 플랫폼별 값을 입력하세요.
- 내보내기 버튼을 클릭하고, 생성된
.zip을 다운로드한 다음, Bannerify 메인 다운로드 파일의 압축을 푸세요.
Include individual .zip files for each banner를 켜면 바로 업로드할 수 있는 배너 패키지가 _zips 폴더에 들어가요. 일부 반응형 형식과 단일 파일 형식은 해당 전용 페이지에 설명된 다른 패키지를 사용해요.
내보낸 파일 그대로 게재처 플랫폼이나 공식 검증 도구에서 항상 테스트하세요. 로컬 브라우저 미리보기로는 크리에이티브가 제대로 렌더링되는지만 확인할 수 있고, 계정 자격이나 플랫폼 승인 여부는 확인할 수 없어요.
_zips의 개별 ZIP 파일을 업로드하세요. 전체 과정은 DCM 내보내기 튜토리얼(영어)을 참고하세요.
기본 clickTag와 클릭 영역
DoubleClick (DCM) 내보내기 형식 아래의 clickTag in <head> 필드에 기본 랜딩 페이지 URL을 입력하세요. 이 값이 배너 배경의 clickTag가 돼요. 배너 수준의 프로토타입 URL이 설정되어 있으면 내보내기 필드보다 우선해요.
기본 exit는 독립된 링크와 인터랙티브하거나 스크롤 가능한 콘텐츠를 제외한 배너 영역 전체에 적용돼요. 면책 문구를 클릭하거나 스크롤해도 기본 도착 URL이 함께 열리지 않아요. 기본 URL을 비워 두어도 배경 exit는 비활성화되지 않고, DCM이 기본 URL을 유지해요.
텍스트 및 레이어 링크용 추가 clickTag
- 라이브 텍스트 안의 링크라면 Figma에서 링크할 단어를 선택하고, Figma의 텍스트 하이퍼링크 기능으로 일반
https://URL을 적용하세요. 텍스트 링크를 쓸 때는 Export text as <p> tags instead of <svg> 옵션을 켜 두세요. 잠겨 있거나 이미지로 대체된 텍스트에서는 인라인 클릭 단어를 유지할 수 없어요. - 버튼, 고정 푸터, 기타 타임라인 레이어라면 Figma의 Prototype 패널에서 도착 URL과 함께 On click → Open link를 추가하세요. 레이어 링크 추가를 참고하세요.
- Bannerify에서 배너를 다시 불러오고 DoubleClick (DCM) 옵션으로 내보내세요.
Bannerify는 서로 다른 HTTP/HTTPS 도착 URL마다 clickTag2, clickTag3 등의 변수를 자동으로 만들어요. 고정 푸터와 스크롤 텍스트 안의 링크를 포함해, 같은 URL이 반복되면 하나의 clickTag를 공유해요. 기본 도착 URL과 같은 링크는 clickTag를 사용해요. 번호는 각 크리에이티브에서 링크가 나오는 순서를 따르며, 링크나 레이어 순서가 바뀌면 달라질 수 있어요.
Figma에는 변수 이름이나 Enabler.exit() 호출이 아닌 일반 도착 URL을 사용하세요. 직접 삽입한 사용자 지정 HTML/JavaScript는 자동으로 변환되지 않아요. 직접 정의한 clickTag가 있다면 생성된 이름과 충돌하지 않는지 확인하세요.
내보낸 후에는 기본 영역과 모든 개별 링크를 테스트한 다음, Campaign Manager 360에서 감지된 clickTag와 랜딩 페이지를 확인해 달라고 트래피커에게 요청하세요. 로컬 내보내기 테스트만으로는 광고 서버 승인이나 리포팅을 확인할 수 없어요. CM360이 이 변수를 감지하고 재정의하는 방식은 Google clickTag 가이드라인에서 설명해요.