티스토리 강좌 | 애드센스 > 반응형 스킨에 애드센스 광고 본문 상단에 2개 가로로 배치하는 방법

본문 상단에 애드센스 광고 2개를 가로로 나란히 배치하는 방법을 소개합니다. 반응형 웹디자인에 사용 가능한 코드입니다.

광고 단위

사용할 광고 단위는 텍스트 및 디스플레이 광고로, 광고 크기는 반응형(자동크기)으로 합니다.

2개의 서로 다른 광고 단위를 사용해도 되고, 1개의 광고 단위를 두 번 사용해도 됩니다.

광고 코드는 약간 수정해야 합니다. 코드 가져오기를 하면 다음과 같은 광고 코드가 주어지는데

다음처럼 바꿉니다.

광고를 넣는 위치

[스킨 편집 – HTML]에서 <s_article_rep>와 </s_article_rep> 사이에 있는 다음 코드를 찾으세요.

본문을 출력하는 치환자로, 그 위에 광고 코드를 넣으면 본문 상단에 광고가 나옵니다.

참고 : 티스토리 강좌 | 스킨 수정하는 방법

광고 코드 넣기

다음 코드를 넣습니다. 광고 코드는 자신의 것으로 바꿉니다.

기본 모양은 336×280 광고 두 개가 나오는 것입니다.

웹브라우저 가로폭 1023px 이하에서는 300×250 광고 두 개가 나옵니다.

웹브라우저 가로폭 767px 이하에서는 300×100 광고 한 개가 나옵니다.

코드를 적절히 변형하여 사용하세요.

참고

  • 웹브라우저 가로폭을 줄였을 때 광고 크기가 바로 반영되지 않습니다. 새로 고침해야 웹브라우저 가로폭에 맞는 광고가 나옵니다.
  • 본문 상단 광고 2개 배치가 애드센스 정책 위반인지 아닌지 논란이 있습니다. 이 포스트는 방법만 알려드리는 것일 뿐, 자신의 책임 하에 사용하셔야 합니다.

이 글을 공유하기

반응형 티스토리 스킨을 찾으시나요?
상호 : 제이비 팩토리 사업자등록번호 : 189-03-00944 대표 : 주재범 TEL : 031-388-9261(874) (문의는 메일로 해주세요.) E-MAIL : jb.jbfactory@gmail.com 주소 : 경기도 안양시 동안구 시민대로 230, D동 874호 통신판매업신고번호 : 제2017-안양동안-0574호 사업자정보공개 호스팅서비스 : (주)가비아 구매안전서비스 : (주)케이지이니시스 이용약관 개인정보처리방침