블로그(티스토리) 중간에 애드센스 삽입하기

2016. 10. 20. 12:47블로그

반응형

티스토리를 하는 사람이라면 애드센스 광고를 한두개씩은 삽입한다.

그래서 생각했다.

광고를 중간에 넣어두면 가시적인 효과가 더 좋지 않을까?

 

그럼 이제 부터 그 방법을 알아보자.

 

본문 수정할때 오른쪽 상단에 HTML을 클랙해서 본문 중간에 넣는 방법도 있지만 매번 그렇게 하는것 보다는

HTML 소스를 메서드 형식으로 만들어서 스킨에 삽입하여 사용하도록 하자 이 방법이 조금은 더 편할 것이다.

관리 - 꾸미기에 스킨 - HTML/CSS편집

으로 들어간다

 

 

 

 

다음 스킨에 삽입 할 본인 광고를 아래와 같이 준비한다.

--------- 에서 --------- 까지가 HTML 적용 소스

---------------------------------------------------------------------------------------------------------

<div id="zzz">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- center_001 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-9249954360024416"
     data-ad-slot="1997432483"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<script>
document.getElementById('aaa').appendChild(document.getElementById('zzz'));
</script>

---------------------------------------------------------------------------------------------------------

 

빨간 글자 부분을 본인 광고 HTML로 변경한다.

이제 이것을 스킨에 심어야 하는데 어디에 심을지 모른다면 </body> 위에 올리도록 하자.

 

 

 

 

바로위 광고가 보이나?? 그럼 이 위에 광고처럼 본문 중간에 광고를 올리는 법을 알아보자.

여기까지 했다면 이 다음은 누워서 떡 먹기 보다 더 쉽다.

 

본문을 하나 열어서 수정으로 들어간다.

 

그 다음 HTML을 선택한다.

 

파란 동그라미 보이나? 그것처럼 <div id="aaa"></div> 이것을 중간에...

즉 광고 올리고 싶은 곳에 입력하고 저장하자!!

 

 

 

 

자 이럼 끝이다.

 

다음부터 글올릴때는 본문 중간에 <div id="aaa"></div> 이것만 입력하면

광고가 중간에 달리는 이 신비한 방법을 사용할 수 있다.

 

 

2. 아니면 수정 → HTML을 클릭해서 그냥 광고코드 통으로 중간에 넣어도 무방하다!! 이렇게

광고코드앞에 <center> <left> <right> 를 넣으면 정렬도 가능하다.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Center -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9249954360024416"
     data-ad-slot="6706833684"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

그럼 가는길 광고한번~ 클릭해주고 가는 고마움을 보여주세요!!

문의사항은 남겨주라... 친절하게 답변할 것이니...

 

 

 

 

반응형