티스토리 본문 중간에 구글 애드센스 광고 삽입하기

Tistory을 이용해서 구글의 Adsense를 이용 추가하다 보면, (관리자) "스킨 편집"-"html 편집"을 통해서, 애드센스(AdSense) 광고를 원하는 곳에 넣을 수 있습니다.

 

애드센스 광고를 추가된 티스토리 블로그들을 보다가, 블로그 포스트의 본문에 광고가 들어가 있는 것을 보면서, "나도 추가해 볼까?"라는 생각이 들어서 본문 쓰기에 HTML모드에서 넣으려고 했던니. 적용이 안되더군요.

 

검색해 보니. 방법은 이렇습니다.

(1) "스킨편집-html편집"의 _article_rep_desc를 찾아서, 아래에 구글 애드센스 소스를 추가합니다

(2) 글쓰기할때, 특정 위치에 지정된 <div> 태그를 넣어줍니다.

 

 

 

(1) html편집

            
            

  
  


                    
        

  

    
반응형
    
    
    
  

        

            
Tistory을 이용해서 구글의 Adsense를 이용 추가하다 보면, (관리자) "스킨 편집"-"html 편집"을 통해서, 애드센스(AdSense) 광고를 원하는 곳에 넣을 수 있습니다.


 
애드센스 광고를 추가된 티스토리 블로그들을 보다가, 블로그 포스트의 본문에 광고가 들어가 있는 것을 보면서, "나도 추가해 볼까?"라는 생각이 들어서 본문 쓰기에 HTML모드에서 넣으려고 했던니. 적용이 안되더군요.
 
검색해 보니. 방법은 이렇습니다.
(1) "스킨편집-html편집"의 _article_rep_desc를 찾아서, 아래에 구글 애드센스 소스를 추가합니다
(2) 글쓰기할때, 특정 위치에 지정된 <div> 태그를 넣어줍니다.
 
 
 
(1) html편집

<div id="ad1">
<!-- {{ 구글 애드센스 Javascript 코드 }} -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-7XXXXXXXXXXXXX"
     data-ad-slot="4XXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div> <!-- 포스트 상세 내역 아래에 넣었습니다. -->


..중간 생략..


<script>
if (document.getElementById('ad1target')) {
  document.getElementById('ad1target').appendChild(document.getElementById('ad1'));
} else {
  document.getElementById('ad1').style.display = 'none'; 
}
</script>
</body><!-- Body바로 위에 추가했습니다.-->
 
(2) 글쓰기의 HTML추가
<div>태그를 추가 해줍니다.


 
결과 화면 - 본문 중간에 애드센스 광고가 추가됩니다.


 
 
 
[추가 내용]
                    
        

  

    
반응형
    
    
    
  

        


<div id="ad1">
<!-- {{ 구글 애드센스 Javascript 코드 }} -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-7XXXXXXXXXXXXX"
     data-ad-slot="4XXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div> <!-- 포스트 상세 내역 아래에 넣었습니다. -->


..중간 생략..


<script>
if (document.getElementById('ad1target')) {
  document.getElementById('ad1target').appendChild(document.getElementById('ad1'));
} else {
  document.getElementById('ad1').style.display = 'none'; 
}
</script>
</body><!-- Body바로 위에 추가했습니다.-->

 

(2) 글쓰기의 HTML추가

<div>태그를 추가 해줍니다.

 

결과 화면 - 본문 중간에 애드센스 광고가 추가됩니다.

 

 

 

[추가 내용]