본문 바로가기

블로그TIP

티스토리 반응형 스킨에 구글 애드센스 삽입하기

티스토리 스킨에 구글 애드센스를 삽입하는 방법은 이전에 설명했습니다.(링크 티스토리 본문 상단/하단에 애드센스 삽입하기 ) 하지만 반응형 스킨을 쓰는 분들이라면 좀 다른 방법으로 구글 애드센스를 넣어야 하겠습니다. 화면은 300*500픽셀의 아이폰 화면인데, 애드센스 광고를 300*250 짜리 두개를 삽입한다면, 광고는 모바일 화면을 뚫고 지나가게 노출될테니깐요.

 

 

 

구글 애드센스 반응형 광고 삽입하기

 

앞서 설명해드렸던  티스토리 본문 상단/하단에 애드센스 삽입하기  와 크게 다른 점은 없습니다. 다만, 같은 원리지만 사용하는 구글 애드센스 광고단위는 다른 것을 사용해야 합니다. 바로 현재 베타버전으로 운영중인 반응형 광고단위를 사용하면 됩니다.

 

 

<반응형 광고 단위는 베타버전 운영중입니다>

 

반응형 광고 단위를 선택해서 해당 코드를 받아오면 다음과 같습니다.

 

 

기존의 광고 코드와는 조금 다르죠? 만약에 기존의 애드센스 광고 코드에 새로운 반응형 광고 코드를 삽입하게 된다면, 그 페이지에 맞는 광고 사이즈가 임의로 노출됩니다. 화면 해상도에 따라 그 해상도에 맞는광고가 노출됩니다. 단, 특별한 지정이 없으면, 가장 큰 화면에서는 728*90 사이즈의 광고가 노출됩니다.