애드센스 반응형 광고 사이즈 최적화 시키기

현재 애드센스에는 사용기기 또는 웹화면의 사이즈에 따라 자동으로 광고 크기를 맞추어 보여주는 반응형 광고가 있습니다. 반응형 광고를 사용하게 되면 데스크탑 환경이나 모바일환경 구분없이 하나의 반응형 광고 단위로 모두 사용할 수 있어서 매우 편리한데요.  문제는 자동으로 임의의 사이즈로 변경되기 때문에 광고가 사용자가 원하지 않는 사이즈로 표시 될 수 있다는 것입니다. 이를 방지하기 위해 화면 크기에 따라 자기가 원하는 사이즈로 반응형 광고가 출력될 수 있도록 설정 하는 방법을 알려드리도록 하겠습니다.

위에 '반응형 고급코드 수정 도우미' 그림을 클릭하시면 소스코드를 수정 할 수 있는 페이지로 바로 이동이 가능합니다. 소스코드를 수정하기에 앞서 애드센스 광고코드를 수정하는게 괜찮은지 확인을 해보았습니다.

구글 애드센스 정책을 확인 해 보니 사이트 조건에 맞도록 반응형 광고 코드를 수정하는 것은 정책에 위배되지 않는다고 합니다. 단, 정해진 방식으로만 수정을 해야 되는 것 같습니다.

허용되는 광고 수정방식의 예 입니다.  친절하게 예제소스코드도 있지만 html을 많이 안다뤄봤다면 실수로 잘못 입력 할 수가 있고 자칫하다가는 광고가 제대로 표시 되지 않거나 애드센스 정책위반이 될 수 도 있습니다. 좀더 편하게 변경하기 위해 맨 위에서 말씀드렸던 반응형 고급코드 수정 도우미를 이용 해 보겠습니다.

반응형 고급코드 수정 도우미 페이지로 이동하게 되면 상단에 간단한 설명과 함께 반응형 광고 코드를 삽입하는 항목이 있습니다. 이 곳에 반응형 광고를 만들었을 때 제공되는 자신의 광고 코드를 붙여넣기 하면 됩니다. 꼭! 반응형 광고코드만 넣어야 합니다.

광고코드를 입력하고 설정란에 광고 이름을 입력해야 합니다. 광고이름은 영어와 숫자로 입력해야 합니다. 기본크기란에는 저 같은 경우에는  데스크탑에서 접속했을때 사이드바에 보이기 떄문에 300x600으로 설정했습니다. 그리고 아래 조건에 웹 화면이 400px이하일 때 즉, 보는 사람이 인터넷 화면을 작게 두었거나 모바일로 봤을 때는 300x250 사이즈로 광고가 출력되도록 조건을 걸어두고 적용 버튼을 눌렀습니다.

적용버튼을 누른 후 미리보기 항목을 보면 현재 보고있는 창 크기에 따라 광고 크기가 제대로 변하는지 확인할 수 있습니다.

 

마지막으로 생성된 코드 란을 보면 자신이 설정한 조건대로 사이즈가 변경되는 애드센스 광고코드를 확인 하실 수 있습니다. 애드센스 반응형 광고를 사용하시는분들 모두 적절한 광고 크기를 설정하여 좋은 클릭율과 수익 거두시길 기원합니다