티스토리 구글애드센스 플러그인 없어도 상단 광고 2개 하는 방법

안녕하세요, Davey 입니다. 이번에 수익메뉴가 업데이트 되면서, 구글 애드센스 플러그인이 사라지는 현상이 동시에 발생을 하였습니다. HTML 코드의 충돌을 방지하기 위해서 티스토리 측에서 조치한 사항이라고 판단이 됩니다. 그럼으로써, 기존에 상단 광고를 2개 가지고 계셨던 분들이 어쩔 수 없이 하나만 가지고 가게 되는 상황이 벌어지게 되었습니다. 

그래서 구글 애드센스 플러그인 없이도, 상단 광고 2개 달 수 있는 방법을 공유하려고 합니다. 

 

1. 구글 애드센스 상단 광고 2개 만들기

 

: 일단 구글 애드센스 상단 광고로 이용할 2개의 광고 코드가 있으셔야 합니다. 이건 아래 사항대로, 광고 단위 메뉴에서 2개를 만들어서 코드를 이용하시면 간단합니다. 아래 두 개의 Snap Shot에 나와 있는대로 2번 수행하셔서, 광고 코드를 장만하시면 됩니다.

 

 

 

 

 

 

 

2. 구글 애드센스 상단 광고 2개 코드를 광고 틀에 집어 넣기

 

: 2개의 광고 코드를 아래 코드에 광고1, 광고2 항목에 넣어서, 상단 2개 광고 틀을 만듭니다. 이 틀을 그대로 붙여 넣기 하시면 되기 때문에, 광고1, 광고2에만 넣으시면 됩니다. 

 

<!-- 구글 애드센스 상단 광고 2개 제작 시작 시점 -->
<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}

@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:336px;max-width:336px;width:100%;height:280px;}
.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:336px;max-width:336px;width:100%;height:280px;}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle post-top-first"
     data-ad-client="ca-pub-광고1"
     data-ad-slot="광고1"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle post-top-second"
     data-ad-client="ca-pub-광고2"
     data-ad-slot="광고2"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 구글 애드센스 상단 광고 2개 제작 끝 시점 -->

 

3. HTML 편집하기

 

: 아래 Snap Shot에 나와 있는대로, 티스토리 HTML 편집 메뉴로 들어갑니다. [관리] 메뉴에서 [스킨 편집] 메뉴로 들어갑니다. 

 

 

 

 

 

 

- 아래 "

안녕하세요, Davey 입니다. 이번에 수익메뉴가 업데이트 되면서, 구글 애드센스 플러그인이 사라지는 현상이 동시에 발생을 하였습니다. HTML 코드의 충돌을 방지하기 위해서 티스토리 측에서 조치한 사항이라고 판단이 됩니다. 그럼으로써, 기존에 상단 광고를 2개 가지고 계셨던 분들이 어쩔 수 없이 하나만 가지고 가게 되는 상황이 벌어지게 되었습니다. 

그래서 구글 애드센스 플러그인 없이도, 상단 광고 2개 달 수 있는 방법을 공유하려고 합니다. 

 

1. 구글 애드센스 상단 광고 2개 만들기

 

: 일단 구글 애드센스 상단 광고로 이용할 2개의 광고 코드가 있으셔야 합니다. 이건 아래 사항대로, 광고 단위 메뉴에서 2개를 만들어서 코드를 이용하시면 간단합니다. 아래 두 개의 Snap Shot에 나와 있는대로 2번 수행하셔서, 광고 코드를 장만하시면 됩니다.

 

 

 

 

 

 

 

2. 구글 애드센스 상단 광고 2개 코드를 광고 틀에 집어 넣기

 

: 2개의 광고 코드를 아래 코드에 광고1, 광고2 항목에 넣어서, 상단 2개 광고 틀을 만듭니다. 이 틀을 그대로 붙여 넣기 하시면 되기 때문에, 광고1, 광고2에만 넣으시면 됩니다. 

 

<!-- 구글 애드센스 상단 광고 2개 제작 시작 시점 -->
<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}

@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:336px;max-width:336px;width:100%;height:280px;}
.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:336px;max-width:336px;width:100%;height:280px;}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle post-top-first"
     data-ad-client="ca-pub-광고1"
     data-ad-slot="광고1"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<ins class="adsbygoogle post-top-second"
     data-ad-client="ca-pub-광고2"
     data-ad-slot="광고2"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 구글 애드센스 상단 광고 2개 제작 끝 시점 -->

 

3. HTML 편집하기

 

: 아래 Snap Shot에 나와 있는대로, 티스토리 HTML 편집 메뉴로 들어갑니다. [관리] 메뉴에서 [스킨 편집] 메뉴로 들어갑니다. 

 

 

 

 

 

 

- 아래 "" 항목을 찾아 "entry-content" div 그룹 안에 넣으시면 됩니다. 간혹 "entry-content" div 그룹이 있어서, 혼돈이 가실 수도 있는데, 저는 두 번째 항목에 그룹에 넣으니까 되더라구요. 둘 다 해보시고, 되는 쪽으로 광고 틀을 위치 시키시면 됩니다. 

 

- 위 항목대로 따라 하시면, 아래와 같이 상단에 2개의 광고가 생겨나는 것을 확인 하실 수 있습니다. 간단하지만 나름대로, 모르면 시간이 오래 걸리는 작업이라서, 이 포스팅 보시고 따라하시면 됩니다.

 

 

 

 이상입니다. 플러그인이 사라져서, 저도 사실 처음에는 당황했는데, 이렇게 하나 하나 또 팁이 존재해서 따라하면서, 적응하고 있습니다. 구글 애드센스 광고 수익이 생각보다 잘 나오지 않지만, 그래도 꾸준히 하면 나중에는 성과가 있을 거라고 생각하고 진행하려고 합니다. 그럼 같이 열심히 해서 같이 성장하시죠! 감사합니다. 

 

 제 Posting이 조금이나마 정보 전달에 도움이 되셨길 빌며, 되셨다면, 구독, 댓글, 공감 3종 세트 부탁 드립니다. 감사합니다.

[저작권이나, 권리를 침해한 사항이 있으면 언제든지 Comment 부탁 드립니다. 검토 후 수정 및 삭제 조치 하도록 하겠습니다. 그리고, 기재되는 내용은 개인적으로 습득한 내용이므로, 혹 오류가 발생할 수 있을 가능성이 있으므로, 기재된 내용은 참조용으로만 봐주시길 바랍니다. 게시물에, 오류가 있을때도, Comment 달아 주시면, 검증 결과를 통해, 수정하도록 하겠습니다.]

728x90

" 항목을 찾아 "entry-content" div 그룹 안에 넣으시면 됩니다. 간혹 "entry-content" div 그룹이 있어서, 혼돈이 가실 수도 있는데, 저는 두 번째 항목에 그룹에 넣으니까 되더라구요. 둘 다 해보시고, 되는 쪽으로 광고 틀을 위치 시키시면 됩니다. 

 

- 위 항목대로 따라 하시면, 아래와 같이 상단에 2개의 광고가 생겨나는 것을 확인 하실 수 있습니다. 간단하지만 나름대로, 모르면 시간이 오래 걸리는 작업이라서, 이 포스팅 보시고 따라하시면 됩니다.

 

 

 

 이상입니다. 플러그인이 사라져서, 저도 사실 처음에는 당황했는데, 이렇게 하나 하나 또 팁이 존재해서 따라하면서, 적응하고 있습니다. 구글 애드센스 광고 수익이 생각보다 잘 나오지 않지만, 그래도 꾸준히 하면 나중에는 성과가 있을 거라고 생각하고 진행하려고 합니다. 그럼 같이 열심히 해서 같이 성장하시죠! 감사합니다. 

 

 제 Posting이 조금이나마 정보 전달에 도움이 되셨길 빌며, 되셨다면, 구독, 댓글, 공감 3종 세트 부탁 드립니다. 감사합니다.

[저작권이나, 권리를 침해한 사항이 있으면 언제든지 Comment 부탁 드립니다. 검토 후 수정 및 삭제 조치 하도록 하겠습니다. 그리고, 기재되는 내용은 개인적으로 습득한 내용이므로, 혹 오류가 발생할 수 있을 가능성이 있으므로, 기재된 내용은 참조용으로만 봐주시길 바랍니다. 게시물에, 오류가 있을때도, Comment 달아 주시면, 검증 결과를 통해, 수정하도록 하겠습니다.]