HTML5 광고

애니메이션과 인터랙션이 있는 HTML5 배너 광고로 배너에 생동감을 더하세요

디스플레이 배너 광고 형식 예시

크리에이티브

HTML5 광고 코드

성과

폭넓은 도달 범위

기기

데스크톱, 모바일, 태블릿

전환율

변동

사용자 참여

높음

사용자 경험

애니메이션 및 인터랙티브

HTML5 광고의 기원과 발전

2000년대에는 리치 배너와 애니메이션 배너를 Adobe Flash로 제작했습니다. 스마트폰이 등장하면서 상황이 바뀌었습니다. iPhone은 Flash를 지원하지 않았기 때문에 점점 더 많은 사용자가 이러한 광고를 볼 수 없게 되었습니다.

업계는 2014년 W3C 공식 표준이 된 HTML5로 전환했습니다. HTML5 배너는 웹 자체와 동일한 개방형 기술(HTML, CSS, JavaScript)을 사용하므로 데스크톱, 모바일, 태블릿의 모든 최신 브라우저에서 실행됩니다.

Adobe가 2020년 말 Flash 지원을 종료하면서 HTML5가 애니메이션 및 인터랙티브 디스플레이 광고의 표준이 되었습니다.

HTML5 광고의 작동 방식

HTML5 광고는 배너 슬롯 안에서 실행되는 작은 웹 페이지입니다. 단일 이미지 대신 애니메이션을 넣고, 제품을 순환하고, 여러 메시지를 순서대로 보여 주고, 사람들이 마우스를 올리거나 탭할 때 반응할 수 있습니다. PPCmate에서 HTML5 소재를 만들고, 배너 사이즈를 선택하고, 광고 코드를 붙여넣으세요. Google Web Designer나 Adobe Animate 같은 HTML5 광고 제작 도구로 만들거나 광고 서버 태그를 사용할 수 있습니다. HTML5 광고는 실시간 입찰로 디스플레이 인벤토리에 게재되므로 각 노출은 관련성이 있는 최고 입찰가에 돌아갑니다. 1,000회 노출당 비용(CPM)을 지불하며 클릭(CTR) 또는 전환(CPA)에 맞춰 최적화할 수 있습니다. 지원 사이즈: 300×250, 336×280, 728×90, 970×90, 970×250, 300×600, 160×600, 120×600, 320×100, 320×50, 300×50.

애니메이션 HTML5 광고로 눈에 띄세요

움직임은 시선을 사로잡습니다. HTML5 배너 광고로 하나의 슬롯에서 짧은 스토리를 전할 수 있습니다: 모든 기기에서 제품, 혜택, 행동 유도 문구를 순서대로 보여 주세요. 좋은 HTML5 광고 예시로는 정적인 이미지만으로는 부족한 신제품 출시, 프로모션, 브랜드 캠페인이 있습니다.

웹사이트 트래픽 증가

타깃 광고 솔루션으로 웹사이트에 양질의 방문자를 유도하여 온라인 가시성을 높이고 더 넓은 오디언스에게 손쉽게 도달하세요.
자세히 알아보기

제휴 수익 극대화

오디언스의 관심사에 맞춘 최적화된 트래픽으로 제휴 수익을 늘리고, 더 많은 전환과 급증하는 수익을 경험하세요.
자세히 알아보기

YouTube 동영상 홍보

당사의 광고 솔루션으로 YouTube 동영상의 조회수와 참여를 높이고, 적합한 오디언스에게 도달하여 콘텐츠를 돋보이게 하세요.
자세히 알아보기

모바일 앱 설치 증대

앱을 설치하고 사용할 준비가 된 사용자에게 정밀하게 타겟팅하여 모바일 앱 다운로드 수를 크게 늘리세요.
자세히 알아보기

이커머스 매출 증대

클릭을 고객으로 전환하도록 설계된 광고 솔루션으로 온라인 스토어에 양질의 트래픽을 유도하고 매출을 늘리세요.
자세히 알아보기

브랜드 인지도 향상

폭넓은 노출로 브랜드 인지도를 높이고, 웹 전반의 잠재 고객에게 도달하여 오래 기억에 남는 인상을 남기세요.
자세히 알아보기

SEO 성과 개선

타깃 트래픽을 유치하여 사이트의 SEO 순위를 높이고, 검색 엔진에서의 존재감을 강화하며 자연 성장을 이루세요.
자세히 알아보기

소셜 미디어 영향력 강화

적극적인 사용자를 끌어들이고 팔로워, 좋아요, 공유를 늘려 소셜 미디어 캠페인을 강화하고 브랜드를 화제의 중심으로 만드세요.
자세히 알아보기

틈새시장을 장악하세요

정밀한 광고로 특정 틈새 잠재고객을 타겟팅해 권위를 쌓고 틈새시장의 리더가 되세요.
자세히 알아보기

HTML5 광고 타겟팅 옵션

위치, 기기, 관심사 등을 기준으로 특정 오디언스에게 도달하는 정밀한 타겟팅 기능으로 광고의 관련성과 효과를 극대화합니다.

PPCmate 타겟팅 옵션: 국가, 기기, OS, 브라우저 및 연결 유형

타겟팅 기준
위치

특정 지역, 국가 또는 도시의 사용자에게 도달하여 정밀하게 지역을 타겟팅하세요.

타겟팅 기준
기기

모바일, 데스크톱, 태블릿 등 사용자의 기기 유형에 따라 광고를 타겟팅하세요.

타겟팅 기준
운영 체제

iOS, Android, Windows 등 특정 운영체제에 맞게 광고를 맞춤 설정하세요.

타겟팅 기준
언어

오디언스가 선호하는 언어로 소통하여 참여도를 높이세요.

타겟팅 기준
연결

WiFi 또는 모바일 데이터 등 네트워크 연결 유형에 따라 사용자에게 도달하세요.

타겟팅 기준
IP 주소

특정 IP 주소를 타겟팅해 정밀한 위치 기반 광고를 진행하세요.

타겟팅 기준
IAB 카테고리

관련 콘텐츠 카테고리 안에 광고를 게재해 사용자 관심사에 맞추세요.

타겟팅 기준
웹사이트

선택한 웹사이트에 광고를 게재하여 타겟 오디언스에게 도달하세요.

타겟팅 기준
앱

특정 모바일 앱 내에 광고를 게재하여 앱 중심의 집중적인 도달을 실현하세요.

타겟팅 기준
소스

특정 트래픽 소스를 선택해 광고 게재 위치를 정밀하게 관리하세요.

타겟팅 기준
공급 파트너

선별된 광고 게재 위치를 위해 엄선된 SSP(공급 측 플랫폼)와 제휴하세요.

타겟팅 기준
화이트리스트

승인된 웹사이트나 앱에만 광고를 게재하여 브랜드 안전성을 높이세요.

HTML5 광고 최적화 도구

광고 게재를 추적, 최적화, 제어하는 고급 도구로 성과를 높이고 광고 낭비를 최소화합니다.

PPCmate 자동 캠페인 최적화

전환
추적

픽셀 및 포스트백 전환 추적으로 광고 효과를 측정하세요.

광고 사기
탐지

내부 및 서드파티 도구로 사기성 트래픽을 식별하고 필터링합니다.

빈도
한도 설정

사용자가 광고를 보는 횟수를 제한하여 과도한 노출을 방지하세요.

자동
최적화

성과 데이터를 기반으로 캠페인을 자동 조정하여 더 나은 결과를 얻으세요.

게재
유형

가속 게재부터 균등 분배까지 광고 게재 속도를 제어하세요.

트래픽
시간대 설정

참여도가 가장 높은 특정 시간대나 요일에 광고가 게재되도록 예약하세요.

캠페인
게재 기간

마케팅 일정에 맞춰 캠페인 시작일과 종료일을 설정하세요.

트래픽 데이터
내보내기

보고, 분석, 기록 보관을 위해 CSV 형식으로 데이터를 손쉽게 내보내세요.

자주 묻는 질문

HTML5 광고는 단일 이미지 대신 HTML, CSS, JavaScript로 만든 디스플레이 배너입니다. 애니메이션, 여러 프레임, 인터랙티브 요소를 포함할 수 있으며 모든 최신 브라우저에서 실행됩니다.

일반 디스플레이 광고는 정적인 이미지입니다. HTML5 광고는 같은 배너 슬롯에서 실행되면서도 움직이고, 메시지를 바꾸고, 사용자에게 반응할 수 있어 보통 더 눈에 잘 띕니다.

300×250, 336×280, 728×90, 970×90, 970×250, 300×600, 160×600, 120×600, 320×100, 320×50, 300×50입니다. 300×250, 728×90, 320×50 사이즈가 보통 인벤토리가 가장 많습니다.

새 소재를 만들고 HTML5 형식을 선택한 다음, 사이즈를 고르고 광고 코드를 붙여넣으세요. Google Web Designer나 Adobe Animate로 광고를 만들거나 서드파티 광고 서버 태그를 사용할 수 있습니다.

HTML5 광고는 CPM 방식으로 구매하므로 1,000회 노출당 비용을 지불합니다. 입찰가와 일일 및 총예산을 직접 설정하며 PPCmate 잔액에서만 지출됩니다.

네. HTML5는 모든 최신 모바일 브라우저에서 실행되며 320×50, 320×100, 300×250 같은 사이즈는 휴대폰용으로 만들어졌습니다. 모바일 네트워크에서도 광고가 빠르게 로드되도록 파일을 가볍게 유지하세요.

트래픽은 구매 전에 사기 여부를 필터링하고, 사이트는 브랜드 안전성을 검사합니다. 모든 캠페인에는 광고가 게재된 곳과 차단된 항목을 보여 주는 품질 영수증(Quality Receipt)이 제공됩니다.

실시간 보고서에서 캠페인 및 게재 위치별 노출, 클릭, 지출, 전환을 확인할 수 있습니다. 픽셀이나 포스트백을 추가해 전환을 추적하고 CPA에 맞춰 최적화하세요.

플래시 배너는 Adobe Flash가 필요했는데, iPhone은 이를 지원한 적이 없고 Adobe는 2020년 말에 지원을 종료했습니다. HTML5 광고는 2014년부터 W3C 공식 표준인 개방형 웹 기술(HTML, CSS, JavaScript)을 사용하므로 모든 최신 브라우저에서 실행됩니다.

Google Web Designer나 Adobe Animate 같은 도구로 HTML5 광고를 만들거나 광고 서버 태그를 사용한 후, 광고 코드를 PPCmate 소재에 붙여넣으면 됩니다.

HTML5 광고는 신제품 출시, 프로모션, 브랜드 캠페인에 효과적입니다: 제품에 애니메이션을 넣고, 혜택을 순환하고, 여러 메시지를 순서대로 보여 준 뒤 명확한 행동 유도 문구로 마무리하세요.

위치, 기기, 운영체제, 언어, 연결 유형, IP 주소, IAB 카테고리, 웹사이트, 앱, 트래픽 소스, 공급 파트너, 화이트리스트로 타겟팅할 수 있습니다.

HTML5 광고
3단계로 쉽게 시작

1

PPCmate 계정을 만들어 시작하세요.

2

HTML5 광고 캠페인을 손쉽게 설정하고 시작하세요.

3

더 나은 결과를 위해 자동으로 최적화합니다.

PPCmate로 시작하기
자세히 알아보기
PPCmate X에서 광고 캠페인 시작하기