주간 디지털노마드

 

카카오애드핏 모바일웹 광고잘림 해결방법

 

스마트폰이 보급화되면서 티스토리를 찾아오는 비율도 PC보다는 모바일의 비율이 3:7로 높게 나옵니다.

 

티스토리 설정에 모바일웹을 사용하면 모바일에서도 PC에서 봤던 화면과 동일하게 보입니다.

 

애드핏을 광고는 반응형 광고가 아니라서 정해진 크기대로 나옵니다.

 

그래서 카카오애드핏을 설정해두었는데 "광고가 잘리거나 옆으로 넘어가기 때문에 설정할 수 있는 방법이 없을까?" 찾아보다가 발견하게 되었습니다. 

 

모바일웹으로 설정을 변경하면서 광고가 잘리거나 화면이 밀리는 현상 해결방법을 알려드리겠습니다.

 

 

 

1. 카카오애드핏 홈페이지에 들어가줍니다.

 

카카오애드핏 홈페이지에 들어가면 광고단위에 자신이 설정해놓은 크기가 있습니다.

 

기본적으로 사용하는 배너의 크기 'PC : 728x90', '모바일 : 320x100'의 스크립트를 각각 들어가줍니다.

 

 

PC 배너 스크립트

 

2. PC 배너 크기인 728x90의 스크립트에서 빨간색으로 표시해둔 부분만 복사 버튼을 눌러 메모장에 저장해줍니다.

 

모바일 배너 스크립트

 

3. 모바일 배너 크기인 320x100의 스크립트에서 빨간색으로 표시해둔 부분만 복사 버튼을 눌러 메모장에 저장해줍니다.

 

 

4. 자신의 티스토리의 플러그인에 들어간 후 다음 애드핏(PC)를 눌러줍니다.

 

 

 

5. 아까 메모장에 저장해둔 스크립트 코드를 빨간색 부분만 교체해줍니다.

 

메모장에 보이는 윗부분의 빨간 줄은 'PC : 728x90'에서 보이는 스크립트 코드이고, 아랫부분의 빨간 줄은 '모바일 : 320x100'에서 보이는 스크립트 코드로 각각 다른 코드를 넣어줘야 합니다.

 

 

6. 메모장에서 스크립트 코드를 PC버전과 모바일 버전 둘 다 각각 변경했으면 다음 애드핏(PC)의 상단광고 부분에 붙여 넣기 해서 적용시켜주면 됩니다.

 

이렇게 광고를 설정해두면 PC와 모바일에서 각각 다른 크기의 광고가 보이게 됩니다.

 

포스팅을 보고 많은 분들이 궁금한 부분을 해결하셨으면 좋겠습니다.

 

메모장에 광고코드를 적어놓았으니까 다운받아서 위에 있는 방법대로 수정한 다음 설정하시면 됩니다.

 

애드핏 광고코드.txt
0.00MB

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading