블로그 등에 글을 작성할 때 본문 내에 자주 배치하는 광고 중 하나가 디스플레이 광고 입니다. 오늘 글 에서는 디스플레이 광고가 정확히 어떤 광고이며 어떤 특징을 갖고 있는지, 또 어떻게 하면 웹페이지에 최적화된 스타일을 설정할 수 있을지 설명 드리겠습니다.
디스플레이 광고란?
디스플레이 광고는 반응형 광고 입니다. 반응형 광고라 함은 현재 광고가 게재되는 공간의 크기에 반응하여 최적의 광고를 출력한다는 의미 입니다. 인아티클 광고와의 가장 큰 차이점이 바로 여기에 있습니다. 인아티클 광고는 게시글과 비슷하게 보이기 위해 이미지 그리고 글자로 된 설명으로 구성되어 있으며 텍스트, 배경 등의 색상도 설정할 수 있습니다. 좋게 이야기 하면 특정 환경에서 이질감 없이 광고를 송출할 수 있다는 장점이 있으며, 나쁘게 이야기 하면 광고가 출력되는 환경이 바뀔때 융통성이 떨어진다는 단점이 있다고 이야기 할 수 있습니다. 반대로 디스플레이 광고는 스타일에 대한 세부 설정은 부족하더라도 어느 환경에든 맞춤형 광고를 송출할 수 있습니다.
디스플레이 광고의 특징
공간에 가장 잘 맞는 크기로 광고 출력
앞에서 말씀드린대로 디스플레이 광고는 반응형 광고 입니다. 따라서 컴퓨터, 휴대전화, 태블릿 등 어떤 기기로 웹페이지에 접속하더라도 현재 환경에 최적화된 광고를 보여줍니다.
가로/세로 모드 전환 후 새로운 광고 출력
휴대폰을 세로로 이용하다가 가로 모드로 전환하면 광고가 출력되는 공간의 크기도 달라집니다. 디스플레이 광고는 이런 경우 변경된 공간에 맞는 새로운 광고를 불러와서 화면에 보여줍니다. (만약 다시 가로 모드에서 세로 모드로 전환 한다면 새로운 광고를 불러오지 않고 처음 세로 모드였을 때 출력했던 광고를 그대로 보여줍니다)
휴대폰에서 전체 폭을 차지하는 광고 출력
디스플레이 광고는 특별한 설정 없이 웹페이지에 게재할 경우 세로 모드의 휴대폰에서 위의 이미지와 같이 가로 폭 전체를 차지하는 광고로 송출 됩니다. 휴대폰으로 네이버 메인 페이지만 가보셔도 화면에 나오는 광고들 대부분이 가로 폭을 가득 채우는 광고들이 많이 나옵니다. 구글의 설명에 따르면 세로 모드의 휴대기기에서는 가로 폭 전체를 사용하는 광고가 더 광고 수익이 좋다고 합니다.
디스플레이 광고 설정하기
모양 결정하기 (데스크톱 전용)
디스플레이 광고의 모양은 “auto”, “rectangle”, “vertical”, “horizontal” 네 개 중에 선택할 수 있습니다. 처음 광고 코드를 생성 하면 스크립트 중 data-ad-format=”auto” 와 같은 내용이 있는데, 여기서 auto 대신 원하는 스타일을 넣어주시면 됩니다. 참고로 디스플레이 광고 모양 선택은 데스크톱 PC로 접속 했을 때만 유효하며 휴대폰으로 접속했을 때는 적용되지 않습니다. 각 스타일별 디스플레이 광고의 모양은 다음과 같습니다.
저도 그 차이가 조금 헷갈려서 직접 설정 후 각각의 광고를 화면 캡쳐 해봤는데요, horizontal 과 vertical 은 얇은 직사각형이 가로 또는 세로로 배치되는 있는 광고이고, rectangle 은 horizontal 보다는 조금 더 두꺼운 직사각형의 광고가 가로로 배치되네요. rectangle 은 어떤 면에서는 인아티클 광고와도 닮은 것 같습니다.
광고 가로 폭 결정 (모바일 전용)
이번 설정은 모바일에만 적용되는 설정 입니다. 디스플레이 광고 생성 후 스크립트를 보면 data-full-width-responsive=”true” 라는 설정이 있습니다. 이 설정을 그대로 두면 모바일 기기 세로모드에서 가로 폭을 가득 채우는 광고가 출력되고요, true 대신 false 를 입력하면 현재 글이 쓰여질 수 있는 폭 만큼만 차지하며 광고가 출력 됩니다.
혹시 현재 휴대폰 세로 모드로 보고계신다면 바로 위에 있는 디스플레이 광고를 확인 해보세요. 가로 폭을 꽉 채우지 않고 양 옆으로 여백이 보이시죠?
맺음말
제가 처음 블로그를 시작할 때 애드센스의 광고들이 서로 어떻게 다른지, 각 광고의 스타일은 어떻게 설정하는지 많이 헷갈렸던 기억이 있습니다. 오늘 제가 작성한 글이 동일한 궁금증을 갖고 계신 분들께 조금이라도 도움이 되었으면 좋겠습니다. 그리고 애드센스의 다른 종류인 인아티클 광고에 대해서도 제가 작성한 글이 있는데요, 혹시 관련 정보가 필요하신 분은 아래 링크를 통해 확인 해보세요. 감사합니다.