오늘도 애드센스로 먹고 살기 위해서 인터넷 서핑을 하다가 좋은 정보를 발견해서 소개해드리려고 합니다.
티스토리 실험실이라는 블로그에서 "반응형 광고 코드"의 크기 조절을 자동으로 만들어주는 서비스(?)를 해주고 있어서 저와 같은 초보자들에게 유용하게 사용될 것 같아서 알려드리려고 합니다.
"티스토리 실험실의 <애드센스 반응형 광고단위 고급코드 생성 도우미>"
반응형 광고단위는 '스마트 크기 조정'과 '고급'두가지 방식의 코드가 제공됩니다.
'고급'코드는 화면의 가로픽셀에 따라 어떤 크기의 광고를 표시할지 직접 선택할 수 있는 장점이 있습니다.
그러나 '고급'코드를 수정하는 것은 어느정도의 HTML/CSS지식이 필요합니다.
이 과정에서 어려움을 겪으시는 분들을 위해 이 도구는 '고급'코드 수정을 도와드립니다.
'고급'코드를 붙여넣고 설정을 마치면 상황에 맞게 생성된 코드를 가져올 수 있습니다.
반응형 광고 코드 단위를 자동으로 생성하기 위해서 고급모드에서 코드를 복사합니다.
그 뒤에 위 <애드센스 반응형 광고단위 고급코드 생성 도우미>에 접속하면 코드를 삽입하는 부분에 붙여넣기를 합니다.
두 번째로 설정 부분에 기본 크기와 가로 픽셀과 광고 크기를 셋팅합니다. 가로 픽셀은 방문자가 보는 화면이 다양함으로 여러가지 상황에 맞춰서 크기를 적어주면 되구요, 오른쪽에 가로와 세로는 애드센스 광고크기를 적어주면 됩니다.
일단 저는 기본 설정을 바로 적용해보도록 하겠습니다.
현재 창 가로크기와 함께 애드센스 광고의 크기를 미리 볼 수 있습니다. 현재 제가 보고 있는 화면(크롬을 통해서 보고 있는데)은 가로 829px입니다. 이 경우 애드센스 광고는 720*60짜리로 보이게 됩니다.
아까 처음에 셋팅에서 가로 화면이 768px를 넘어가게 되면 애드센스 광고가 720*60나타나게 했기 때문입니다.
창 크기를 줄여서 623px로 해놓으면 애드센스 광고크기는 336*280으로 변합니다.
기본 셋팅에서 446px 이상, 768px 미만이 되면 애드센스 광고크기는 336*280으로 송출됩니다.
생성된 코드를 자신의 블로그 원하는 위치에 붙여넣으면 끝.
반응형 광고 이해되셨나요? 자신의 블로그에 맞게 셋팅을 해서 더 높은 수익을 올리도록 합시다.
¶ 같이 읽어보면 도움되는 포스팅
• 2014/08/01 - [애드센스] 왜 반응형 웹 디자인(responsive web design - RWD)를 구축해야하는가?
• 2014/08/04 - 티스토리 반응형 스킨 소개 - JB Simple White
• 2014/08/04 - 티스토리 반응형 스킨 소개 - g2-a diary
• 2014/08/05 - 티스토리 반응형 스킨 소개 - Colby J’s Blog
페이스북, 카카오스토리, 빙글로 빠르게 아이디어홀 블로그 소식받자