애드센스 반응형 광고 크기 수정하는 방법

애드센스 반응형 광고는 정해진 크기 없이 웹페이지의 크기에 따라 광고 크기가 자동으로 조절되는 광고 형태입니다. 사용자가 임의로 수정할 수 없기 때문에 구글이 내 주는 대로 광고 크기가 정해지고 사용자가 원하는 크기로 맞춰서 광고를 배치할 수는 없습니다. 하지만 광고 코드를 수정하여 반응형 광고의 크기를 원하는 대로 수정하는 방법이 있습니다.

구글에서 반응형 광고 코드 수정 방법을 공개하였는데 구글이 공개한 코드 수정 방법을 잘 따르면 광고를 원하는 크기로 수정할 수 있고, 뿐만 아니라 화면 해상도에 따라서 자동으로 조절되도록 만들 수 있습니다.

그렇기 때문에 코드를 잘 수정하면 같은 광고를 가지고도 데스크탑 해상도에 맞춰서 광고가 크게 나오도록 하거나, 스마트폰이나 태블릿 화면에 맞춰서 크기가 작게 나오도록 하는 것도 가능합니다. 그런데 사실 그거 일일히 다 수정하려면 좀 복잡고 귀찮습니다. 그래서 '뭐하라'라는 블로거분이 반응형 코드 수정 도우미를 개발하셨는데, 이 도우미를 이용하면 코드를 자동으로 수정해 주기 때문에 머리 싸매고 코드 수정하지 않아도 됩니다.

링크 - https://adsensemaster.herokuapp.com/index.php?id=advancedMaker.html

 

링크로 들어가면 도우미를 이용할 수 있습니다.

 

링크로 들어갔으면 아래쪽으로 조금 내려가면 이런 부분이 나옵니다. 코드 삽입 부분에 반응형 광고 코드를 삽입하고 아래에 설정 부분에서 크기를 수정하는 것입니다. 화면 크기에 따라서 광고 크기를 수정하는 것이 가능합니다. 현재는 기본 크기가 320x250이지만 화면의 가로 크기가 400이상이면 336x280으로 되도록 설정되어있습니다.

 

이런 식으로 광고 코드를 넣었습니다. 아래쪽에 제가 어떻게 설정했는지 알려드리자면 일단 기본 크기를 제 블로그 크기에 맞춰서 813x214로 설정해 두었고, 화면 가로 크기가 800px 이하일때 720x190으로, 화면 가로 크기가 600px 이하일때 360x300으로 출력되도록 비율을 딱딱 맞춰서 설정했습니다. 여기서 중요한 것은 px라고 단위를 꼭 써 줘야 한다는 것입니다. 숫자를 넣으면 그걸로 끝나는 것이 아니라 단위가 붙지 않으면 px라고 단위를 끝에 수동으로 붙여줘야 합니다.

왜 이렇게 설정했냐 하면 PC의 해상도는 대부분 가로 크기가 1920px 이기 때문에 광고 크기를 얼마를 하든 상관이 없지만 모바일로 가면 크기가 달라지기 때문에 화면 가로 크기에 따라 다르게 설정해야 하기 때문입니다.

모바일 화면은 대부분 360x640이기 때문에 가로 크기가 600px 하일때 가로 크기에 맞춰서 360x300으로 출력되게 한 것이고, 768x1024, 720x1280, 800x1280 크기인 태블릿 화면에 맞춰서 800px 이하일때 720x190으로 출력되도록 만들었습니다.

 

다 됐으면 아래쪽에 적용 버튼을 누르면 코드가 나옵니다. 이 코드를 복사해서 집어 넣으면 됩니다.

 

참고로 광고 크기가 크면 클수록 광고 단가도 높다고 하는데, 광고 크기가 너무 크면 광고 가짓수가 많지 않기 때문에 유의해야 합니다.