요즘 티스토리 블로그 꾸미기에 빠져서 이것저것 구글링 하고 있다. 시장조사(?)도 할겸 다른 분들은 어떻게 블로그를 관리하는지 알아보려고 이곳저곳 막 돌아다닌다.
몇 군데 돌아다니다 보니 본문 상단에 광고가 2개씩 노출되는 걸 볼 수 있었다. 난 하나만 나오는데 대체 2개씩 나오게 하려면 어떻게 해야 하는 걸까? 궁금해서 열심히 구글링 해보았다. 엄청 많은 결과들이 나왔지만 한개의 블로그를 참조하여 쉽게 해결할 수 있었다.
그럼 어떻게 해야 하는지 알아보자.
⭐애드센스 본문상단 광고 2개 적용방법
1. 코드 준비하기
① 우선 아래와 코드를 준비해 줍니다.
② ★★★ / ♥♥♥ 부분은 애드센스 광고 생성시 부여되는 코드임으로 자신의 코드를 넣어주면 됩니다.
<!-- 애드센스 본문 상단 광고 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-★★★"
data-ad-slot="★★★"
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-♥♥♥"
data-ad-slot="♥♥♥"
data-ad-format="rectangle"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 애드센스 본문 상단 광고 2개 끝 -->출처 : https://wonderbout.tistory.com/165
2. 애드센스에서 광고 만들기
① 애드센스 홈에 접속한다
② 광고 > 개요 > 광고 단위 기준 > 디스플레이 광고를 클릭해준다.
③ 광고 이름을 입력하고 사각형, 반응형으로 선택한 후 저장을 눌러준다. 이후 나온 코드는 복사하여 메모장에 저장해둔 후, 하나의 광고를 더 만들어 총 2개의 광고를 만들어준다.
3. 티스토리 스킨 수정하기
① 티스토리에 접속한다.
② 꾸미기 > 스킨편집 > HTML 편집을 클릭해준다.
③ HTML 편집창에서 Ctrl+F를 눌러 ##_article_rep_desc_##을 검색해준다. 그리고 그 위에 코드를 입력해 준다. ##_article_rep_desc_## 기준으로 위에는 상단광고 영역이고 아래는 하단 광고 영역이라고 한다.
④ 이렇게 적용해주면 본문상단에 광고가 제대로 노출되는 걸 볼 수 있다.
PC에서는 2개가 노출되며 모바일에서는 1개가 노출된다.
4. 티스토리 애드센스 관리에서 본문상단 광고끄기
상단에 2개 광고를 고정하고 난 뒤 기존에 설정했던 본문 상단 광고는 아래와 같이 꺼주었다. 설정해 두면 노출은 되지만 보기에 너무 지저분하기도 하고 애드센스 정책상 너무 여러 개의 광고를 설정해도 좋지 않다고 해서 그렇게 했다.
이상 본문상단에 애드센스 광고 2개 넣기에 대해 알아봤다. 참고했던 블로그에 포스팅이 워낙 잘되어있어 아주 쉽게 해결할 수 있었다. 그럼 이만!!
참고블로그
https://simplelife77.tistory.com/189
