생활팁

티스토리 글목록 사이사이 애드센스 중간 광고를 자동 반복되게 삽입하는 방법 - feat. javascript

알지오™ 2017. 6. 7.

구글 애드센스 광고를 블로그 글목록(리스트) 중간중간 껴넣는 방법

자바스크립트를 통한 구글 애드센스 광고 자동 반복 삽입하는 방법에 대해 알아봅시다.

 

 

아래 사진은 제 티스토리 블로그의 스크린 샷입니다.

도메인인 http://bigenergy.tistory.com 으로 접속을 할 경우 전체보기 모드로 동작하면서

모든 포스트 제목과 내용들이 간략하게 리스트업 됩니다.

 

아래 사진의 글 중간 중간에 애드센스 링크 광고가 삽입되어 있는 것이 보일겁니다.

 

 

글목록 사이사이 중간 광고를 자동 반복되게 삽입하는 방법 - feat. javascript

 

위 사진 처럼 애드센스 링크 광고를 글목록 사이 사이에다가 넣어보고 싶어서

잔머리를 굴리다가 자바스크립트를 통해서 넣어보게 되었네요.

 

	<!-- 메인 글 목록 표시 -->
	<s_article_rep>  <!--  s_aticle_rep 는 도메인 접속시 출력되는 티스토리 블로그의 메인 게시글 리스트를 뜻함 -->
	<article class="entry h-entry">
		<div class="content-width">
		
		<!-- 여기부터 추가 -->
		
			<script>
				i++; // 최상단 head 태그 부분에 이미 자바스크립트 변수로 var i = 0; 이라고 선언과 초기화를 해놨음.
				if(i == 4 || i == 7) //4번째 글 앞에 광고 표시, 7번째 글 앞 광고표시
				{
                                        //구글 애드센스 광고 스크립트는 원래 한줄로 붙여서 써야하고, 편의상 줄바꿈 한것입니다.
					document.write('<div style=\"text-align=center;\">
                                                                <script async src=\"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\">
                                                                <\/script><ins class=\"adsbygoogle\" style=\"display:inline-block;width:728px;height:18px\" 
                                                                data-ad-client=\"ca-pub-8****************6\" data-ad-slot=\"6*******5\">
                                                                </ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script></div>');
				};
			</script>
		
		<!-- 여기까지 -->	
			<s_index_article_rep>

 

 

위 코드를 응용해서 본인의 애드센스 광고를 티스토리 스킨 html 수정을 통해 글 목록 중간중간에 자동으로 반복되게 삽입할 수 있습니다. 

 

예전에는 애드센스의 광고 제한이 페이지당 메인광고 3개, 링크광고 3개까지로 제한이 있었지만, 지금은 광고갯수의 제한이 없어졌습니다. 과도하게 광고를 많이 게재하지 않는 이상은 문제가 없을 겁니다. 

 

한가지 주의 할 점은 제가 스크립트를 만들었는데 솔직히 조금 불안해서 직접 적용은 하지 않았습니다.

왜냐면 소스보기를 하면 자바스크립트 코드이기 때문에 티스토리 스킨 목록에 표시되는 글 갯수 만큼 자바스크립트 코드가 동일하게 반복이 되서 들어가다 보니 조금 불안했기 때문입니다.

저는 왕쫄보 거든요.

 

구글 애드센스 정책에 위배되는지 안되는지 구글측에 문의를 해보고 싶긴한데 위대한 구글님을 번거롭게 하고 싶지 않아서 

그냥 만들어 두고, 공개하고, 저는 적용하지 않는 것으로.. ㅋㅋㅋ

(애드센스 정책이 브라우저를 통해 광고가 안보이기만 하면 되는건지, 소스상에서도 애드센스 코드가 있으면 안되는건지에 대해서 무척 궁금해지네요.)

 

추후에라도 한번 애드센스 측에 문의를 해봐야 하나 싶기도 하네요.

별문제 없으면 저도 제가 현재 사용중인 티스토리 스킨에도 적용할겁니다.

댓글

💲 추천 글