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

반응형 애드센스 광고의 크기를 기기에 따라 조정해보자.

 

티스토리 블로그의 스킨을 반응형 스킨으로 사용하면 좋은점이 데스크톱에서나 타블렛에서나 스마트폰에서나 동일한 스킨을 사용할 수 있다는 것이 좋은점일 것이다. 이렇게 같은 스킨을 사용하면서 블로그에 달아놓은 구글 애드센스 광고도 어느 기기에서나 동일하게 띄워놓을 수가 있다. 하지만 각각의 기기마다 화면의 크기가 다르기때문에 광고의 크기도 달라져야 한다.

 

 

구글 애드센스 페이지에 들어가보니 스마트폰 화면에서 광고가 짤려서 나온다는 지적이 있었다. 권장옵션으로 되어 있는 애드센스 광고를 다는것이 수익이 좋다고 하여서 336 x 280 사이즈의 광고를 달고 있었다. 그래서 이런 문제를 해결하기 위해서 반응형 애드센스 광고를 달게 되었다. 하지만 반응형 애드센스 광고를 달고도 문제가 있었다. 바로 반응형 애드센스의 경우 화면의 가로 크기에 따라 광고의 크기가 결정되고 종류가 결정된다는 것이다.

 

 

스마트폰의 화면에서는 알맞은 광고가 잘 출력되었지만 데스크톱 화면의 경우 스킨의 가로 길이가 길다보니 알맞은 광고가 나오지 않는 것이었다. 그런 길이의 광고는 아예 없는것 같다. 광고는 구글에서 크기와 종류에 따라 다양하게 있지만 세세한 길이마다 그 광고가 있지는 않다. 그래서 반응형 애드센스를 이용하면서도 PC에서 광고가 잘 출력되기 위한 방법을 찾았다. PC에서는 광고의 크기를 지정해주는 것이다.

 

 

광고의 크기를 따로 지정해주는 방법

 

 

 

반응형 애드센스를 만든 다음, 그 광고의 코드를 가져오게 되면 다음과 같은 화면이 뜨게 된다. 모드에서 '스마트 크기 권장'이 아니라 고급(코드 수정 필요)을 선택해준다. 그럼 이제 밑의 광고 코드를 수정해주면 된다.

 

 

 

 

위의 .my_adslot은 스마트폰이라고 생각하면 되고 그 밑에는 타블렛과 데스크톱 환경의 광고를 설정해준다고 보면 된다. 나는 기존에 사용하던 336 x 280 크기의 광고를 계속 사용하고 싶어서 타블렛과 데스크톱에서는 크기를 그렇게 지정해두었다.

 

 

 

 

반응형 애드센스의 크기를 조정해주어서 이렇게 데스크톱에서도 일정한 크기의 광고를 볼 수가 있다.