뚜뚜의 세상살이~!

티스토리 인기 반응형 스킨 추천! BOSIM NEW SKIN 광고 넣는 방법! 본문

기타정보

티스토리 인기 반응형 스킨 추천! BOSIM NEW SKIN 광고 넣는 방법!

luckyboon15 2016. 1. 29. 09:59

안녕하세요. 이번포스팅에서는 티스토리 반응형 스킨 소개와 함께 구글 애드센스 광고 다는 법에 대해 포스팅 하겠습니다.

붙여넣기 몇번으로 초보자도 쉽게 상단에 광고를 달 수 있습니다.

티스토리 반응형 스킨은 모바일 스킨을 별도로 설치하지 않아도 되므로 모바일과의 호환성이 좋으며 유입량 측정에도 효과적입니다.

일반스킨에는 쉽게 구글 애드센스 광고를 달 수 있도록 티스토리에서도 플러그인이 설치되어 있지만 반응형은 html 편집을 해줘야되므로 초보자분들이 많이 어려워 하십니다.

여기에 붙여넣기 몇번으로 가장 수익성이 좋은 위치에 광고를 달 수 있도록 도와드릴테니 차근차근 따라 해보시길 바랍니다.

잘하면 10분 내외로도 준비가능합니다.

먼저 티스토리 스킨을 다운로드 받습니다.

BOSIM NEW SKIN은 아래 그림과 같이 정말 매력적인 스킨입니다.

다운로드!! <--클릭

먼저 스킨을 다운로드 받고 스킨을 설치합니다.

스킨→스킨등록전체파일 업로드(폴더내외)보관함적용

상기 순서대로 진행하시면 됩니다.

적용된 스킨에 이미 광고배치 코드가 들어가져 있으므로 구글애드센스에서 광고코드만 복사해서 표시부분에 붙여넣기만하면 됩니다.






광고는 가장 수익성이 좋은 우측상단 광고를 기본으로 구성하게끔 세팅되어 있습니다.

1. 상단 광고


상단 데스크탑


상단 모바일


상기와 같이 광고가 보이게 됩니다.

모바일과 데스크탑 버전은 따로 코드를 준비해줘야되므로 아래와 같이 코드를 준비해줍니다.

- 상단데스크탑 336X280

- 상단모바일 320X100

이렇게 총 2개의 광고 코드를 준비합니다.

광고 코드에 보면

data-ad-client="ca-pub-숫자16자리"

data-ad-slot="숫자10자리"

상기와 같이 "숫자16자리", "숫자10자리"만 복사하여 붙여넣기하면 됩니다.

일단 광고를 다 만드셨으면 그대로 두고 관리자 화면에서 HTML/CSS편집으로 들어갑니다.

검색으로 "상단데스크탑1"을 검색하여 그 위치에 위에서 만들어둔 코드의 숫자16자리를 붙여넣기 합니다.

"상단데스크탑2"에는 숫자10자리를 붙여넣기 합니다.

상단모바일1,2에도 동일한 방법으로 코드를 붙여넣기 해줍니다.


이렇게 저장하시면 끝이며 확인해보시면 광고가 위치한 것을 볼 수 있습니다.

이렇게 모바일과 데스크탑을 분리하는 이유는 모바일에 큰 광고가 상단에 뜨는 것은 구글 광고법에 위배하기 때문에 분리해 두는 것입니다.

위배하여 적발시 광고가 정지될 수도 있으니 조심해야 겠죠?^^

그리고 중간광고를 넣기를 원하시면 애드센스의 중간광고 코드를 만드시고 (권장사이즈 300X250) 원하시는 곳에 HTML모드로 들어가 모든 게시물에 붙여넣기 하셔야 되요.

그냥 넣으면 광고가 왼쪽으로 쏠리게 되는데 중간에 오게 하고 싶으시다면 광고코드 제일 처음에 <center>를 넣으시고, 제일 마지막에 </center>를 넣으시면 됩니다.

잦은 스킨변경은 블로그 지수를 낮추어 검색노출이 아래로 밀려날 수 있으니 한번 세팅으로 수익높은 광고 유지하시길 바랍니다.

기타 궁금하신 점이나 다른 스킨의 광고부착은 별도 문의바랍니다.

저도 배우면서 해야됩니다.^^;

이만 포스팅 마치겠습니다.

감사합니다.









Comments