본문으로 바로가기

블로그를 거의 방치 수준으로 놔두고 있다가... 다시 개선을 하려고 하는데..


요즘 애드센스 광고 개수를 3개를 무시하고 설치되어있는 블로그들이 상당히 눈에 많이 뛰게 되었습니다.


확인해보니.. 광고 개수 제한은 사라졌더군요..


다만, 광고 콘텐츠 정책 규정은 꼭! 애드센스 고객센터에 방문해서 확인해보는 것을 권장합니다.


AdSense 고객센터



Intro - 티스토리의 홈화면

메인 화면에 설치하기 위해서는 티스토리의 특성을 이해해야 합니다.

티스토리 블로그의 경우는 서비스형 블로그임에도 불구하고, Html/Css를 제공합니다. 단 제한적이죠.


단, 한 개의 Html 파일을 가지고 블로그를 구성해야 하기 때문에,

전문적이고, 세세하며 개인 입맛에 맞게 꾸미기를 하긴 힘들어도..

초보자들도 쉽게 Html/Css 수정으로 자기만의 개성을 가진 블로그를 만들 수 있습니다.


또한 손쉽게 코딩을 할 수 있도록 치환자라는 것을 제공도 합니다.

스킨 치환자란...

스킨 치환자는 총체적인 시스템 이해의 어려움과, 반복되는 내용을 HTML로 매번 작성해야 하는 번거로움을
최소화하기 위하여 반복되거나 표준이 필요한 내용을 정리한 규칙입니다.



그래서 티스토리 블로그의 경우는 메인화면과 블로그 기사 영역을 아래와 같은 치환자로 구분을 합니다.


<s_index_article_rep> ... </s_index_article_rep> : 인덱스 페이지일 때만 표시되는 영역입니다

<s_permalink_article_rep> ... </s_permalink_article_rep> : 퍼머링크 페이지일 때만 표시되는 영역입니다


인덱스는 index 기본 홈화면 의미하고, 퍼머링크 페이지는 각 고유의 페이지 영역을 의미합니다.


Main - 티스토리 첫화면 네이티브 인피드 애드센스 설치


자 그럼 index 영역에 애드센스 코드를 설치하게 되면 어떻게 될까요?


아래와 같이.. 글목록 사이마다 중복으로 나타나게 됩니다..


확인해보지는 않았지만.. 아마 애드센스 정책 위반일 것 같습니다..



그렇다고... 그 외 영역에 설치를 하게 되면...


블로그 모든 영역에서 노출이 될 것이고..


또 다른 방법으로 티에디션을 사용하는 방법도 있지만..


그럴 경우 제 블로그 스킨은 반응형이기 때문에... 모바일을 고려해서 모든 코딩을 다시 작업을 해줘야 합니다...


배보다 배꼽이 커지는 상황...


그렇기 때문에 특정 페이지에서만 노출할 수 있는 방법을 써야 합니다.


제가 예전에 작성했던 블로그 포스팅을 참고 하시면 됩니다. '-'


http://cocosoft.kr/392 - 특정 페이지,카테고리,주소에서만 나오는 콘텐츠


원리는 간단합니다.


<div id="index_adsense" style="display:none">
애드센스코드
</div>

애드센스 코드를 <div> 태그로 감싸고

style 속성을 display:none 값을 주어서

보이지 않게 하지만.


<script>
  if ( window.location.pathname == '/' ) {
    document.write( '<style>#index_adsense{display:block !important;}</style>' );
} </script> </body>

http://cocosoft.kr/ 메인 URL에서는 해당 영역을 노출시켜주는 것이죠.




그러면 메인에서만 노출이 되고 다른 URL 값을 가진 모든 페이지에서는 노출이 되지 않습니다.


어때유 쉽지유? '-'


더 자세한 응용방법은 위 블로그 포스팅을 참고하시면 됩니다.


내용추가...

확인 해보니...위 방식은 특정페이지에서 스카이스크래퍼 광고와 충돌이 일어나네요...



<script>
  var jbInfeedCount = 0;
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>

따라서 헤더 부분에 변수 선언 및 구글애드센스 외부스크립트 불러와주고

아래와 같이 <s_index_article_rep> 사이에 넣고

if ( jbInfeedCount % 3 == 0 ) 숫자를 조절해 주면 됩니다. 저는 3번 목록마다 노출을 하도록

만약 if ( jbInfeedCount % 4 == 0 ) 면 4번마다 노출이 되겠죠? 


					<s_index_article_rep>		
<!--애드센스 index 인피드 광고 시작-->						
<script>			
  jbInfeedCount ++;
  if ( jbInfeedCount % 3 == 0 ) {
    document.write( '<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout="image-side"
     data-ad-layout-key="123-123-123-123"
     data-ad-client="ca-pub-123123123132132123123123123"
     data-ad-slot="123123123123123123132123132"></ins>' );
    (adsbygoogle = window.adsbygoogle || []).push({});
  }
</script>