티스토리를 시작하시는 분들을 위한 블로그 본문 상단과 우측 광고 넣는 방법에 대해서 알아보고자 합니다.
물론 스킨들마다 약간의 차이가 있을 수는 있지만 대부분은 조금만 연구한다면 될 것입니다.
<div style="float:right; margin:5px 0px 0px 10px;">
<!--PC용-->
<script>
if(window.getWindowCleintWidth()>=768){
document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
<\/script><ins class="adsbygoogle" data-language="ko" style="display:inline-block;width:336px;height:280px"
data-ad-client="ⓐ" data-ad-slot="ⓑ"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
</script>
</div>
<div style="text-align:center;width:100%; margin:10px 0px 10px 0px;">
<!-- 모바일 상단 300 x 250-->
<script>
if(window.getWindowCleintWidth()<768){
document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
<\/script><ins class="adsbygoogle" data-language="ko" style="display:inline-block;width:300px;height:250px"
data-ad-client="ⓐ" data-ad-slot="ⓑ"></ins>');
(adsbygoogle = window.adsbygoogle || []).push({});
}
</script>
</div>
이것을 Html로 들어가서 넣게 되면 컴퓨터에서는 상단에 오른쪽 상단광고가 뜨고, 모바일에서는 중앙광고가 뜨게하는 소스입니다.
ⓐ와 ⓑ가 보이시나요 사진상에?
이것을 어떻게해야지 티스토리 포스팅 상단에 우측광고가 자동적으로 주어질것이냐하는 것이 문제입니다?
(1)먼저 크롬으로 구글 애드센스 광고를 검색해서 들어갑니다.
(2)광고단위에서 자동 크기 반응형을 만듭니다. 이름은 아무렇게나 하셔도 무방합니다.
(3)소스를 다운로드 받으시고 일단은요.
A에는 아까 만들어두신 반응형 소스코드의 date-ad-client="ca-pub-14x32xxx", B에는 date-ad-slot="474224629"라는 따옴표 안의 코드를 넣으시면 됩니다.
이것은 메모장에서 수정해야 함을 알려드립니다.
(5)그런 다음 스킨편집으로 가셔서 html편집을 클릭하시면 됩니다.
자 여기서부터가 중요한것입니다.
(6)html편집에서 Ctrl+F로 찾으셔야 하는 문장은 article_rep_desc라는 곳입니다.
(7)찾으셨다면 이제는 article_rep_desc 바로 위에다가 보통은 상단 광고가 있는데 그 상단광고부분을 지우신후에 그곳에다가 붙여넣기를 해주고 저장을 해주시면 됩니다.
여기서 중요한것!
보통 사람들이 포스팅을 할때 사진먼저 넣은후에 글을 쓰는 스타일의 분들이 계시고, 어떤분은 글부터 좀 써내려간 후 사진을 넣는 분들이 계신데 이것이 개개인의 스타일이지만, 본문 상단 우측광고를 사용하실려면 글부터 먼저 써서 오른쪽 광고를 넣으실부분만큼 글로 공간을 확보하셔야지, 만약에 사진이 맨 위에 있는 상태세엇 그것을 적용시켜 버린다면 잘못된 예)를 말보다는 사진으로 보여드리면 더욱 더 이해하시기 편할듯 하네요.
위 사진상의 잘못된 예 1번은 처음 시작하는 점이 사진으로 시작을해서 광고만 덩그라니 떠버리게 되어서 자칫하면 정책 위반이 될수 잇는 사진입니다.
두번째 사진은 역시 상단광고 코드를 제거하지 않은 상태에서 우측광고를 넣어버려서 상단광고-포스팅 내용-우측광고 이렇게 배치가 되어있어서 광고와 광고가 붙어잇는 경우라서 구글 애드센스 정책위반에 걸릴수도 있고 무엇보다도 이 글을 읽는 사람이라면 자칫 그냥 글을 볼려고 들어왔다가 창을 닫고 나가버릴 수도 있습니다.