전체 화면 모바일 지면에 맞춰 조정되는 독립형 MRAID HTML 파일 하나가 필요하다면 AppLovin (Responsive HTML5) 옵션을 선택하세요.
설정
- Figma에서
9:16세로형 프레임 하나와16:9가로형 프레임 하나를 만드세요. 캠페인 브리프에서1:1레이아웃도 요구하면 정사각형 프레임 하나를 추가하세요. - 해당 프레임들을 Bannerify 타임라인에 포함하세요.
- Export to HTML을 클릭하고 AppLovin (Responsive HTML5) 옵션을 선택하세요.
- 내보낸 다음 Bannerify에서 다운로드한 파일의 압축을 푸세요.
- 독립형
.html파일을 클라이언트나 미디어 팀이 지정한 AppLovin 워크플로에 업로드하세요.
Bannerify는 AppLovin의 MRAID ready 이벤트를 기다린 뒤 시작하고, 포함된 레이아웃 중 기기 뷰포트와 화면 비율이 가장 가까운 레이아웃을 표시하며, 지면을 채우도록 비율대로 확대하거나 축소해요. 또한 로딩 표시기를 포함하고, 동영상은 음소거 상태로 유지하며, 클릭을 mraid.open()으로 전달하고, 이미지와 다운로드한 동영상 파일을 HTML에 직접 삽입해요. 완성된 크리에이티브에는 별도의 images 또는 videos 폴더가 필요 없어요.
디자인에서 필수 CTA가 보이도록 유지하세요. AppLovin이 지면에 닫기 버튼을 제공하므로 닫기 버튼은 추가하지 마세요.
두 방향이 모두 필요한 이유
AppLovin의 9:16 요구 사항은 세로형 동영상과 이미지 엔드 카드 에셋에 적용돼요. HTML 플레이어블에는 다른 요구 사항이 있어요. 하나의 HTML 파일이 세로 방향과 가로 방향 모두에서 제대로 작동해야 해요.
그래서 Bannerify는 이 내보내기에 9:16 세로형 프레임 하나와 16:9 가로형 프레임 하나를 요구해요. 두 프레임은 같은 문구, 이미지, 크리에이티브 콘셉트를 사용할 수 있고, 가로형 프레임은 더 넓은 방향에 맞게 레이아웃만 조정하면 돼요. Bannerify는 두 프레임을 하나의 반응형 HTML 파일로 합쳐요. 1:1 정사각형 프레임은 선택 사항이에요.
클라이언트가 9:16 에셋만 요청한다면 동영상, 이미지 엔드 카드, HTML 플레이어블 중 무엇이 필요한지 확인하세요. 세로형 전용 브리프는 앞의 두 형식에는 유효할 수 있지만, Bannerify의 AppLovin (Responsive HTML5) 내보내기에는 충분하지 않아요.
여러 크리에이티브 버전 내보내기
세로형과 가로형 세트를 각각 별도의 Figma Section에 넣으세요. Section에는 정사각형 프레임 하나를 함께 넣을 수도 있어요. Bannerify는 Section마다 독립형 AppLovin .html 파일을 하나씩 만들어요.
이 단일 파일 형식은 외부 런타임 파일에 의존하는 Lottie 레이어와 YouTube 레이어를 현재 지원하지 않아요. 해당 레이어는 먼저 이미지 시퀀스나 음소거된 작은 동영상으로 변환하세요. Bannerify는 이 내보내기에 적용되는 압축 시 2 MB, 비압축 시 50 MB 제한도 확인해요.
현재 단일 파일, 방향, 오디오, 클릭스루 규칙은 AppLovin의 HTML 플레이어블 사양을 참고하세요.