본 블로그는 제휴 마케팅을 포함한 광고를 활용하며, 그에 대한 수익을 얻을 수 있습니다.

티스토리 제목 상단 광고 넣기! 티스토리 광고 탈취 방어

티스토리-제목-상단-광고-넣기

티스토리 제목 상단 광고 삽입 

제목 상단 광고로 광고수익 강탈에서 벗어나 봅시다.

티스토리 블로그 이름 아래, 제목 위 공간에 광고를 넣을 수 있습니다. 아래 사진과 같이 사각 광고를 2개 나란히 넣는 거죠. 

상단에 내 광고가 딱!!


남들이 하니까 아무생각 없이 따라했던 건데, 티스토리 자체 광고가 제목 아래에 들어가니까, 그보다 내 광고를 먼저 넣는 꼼수라고 보면 되겠습니다. 

삽입 코드

티스토리 html 편집모드에 들어가서, </header>를 검색하여 바로 그 밑에 다음의 코드를 넣으면 됩니다.

<div class="ad_center">
<!-- 애드센스 제목 상단 광고 코드 넣어주세요 -->
<!-- 상단 광고 2개 모바일 1개 -->
<div style="text-align: center; margin-bottom: 15px;">
<style>
.adsbygoogle.post-top-first {display:block;}
.adsbygoogle.post-top-second {display:none}
 
@media (min-width: 680px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:300px;max-width:300px;width:100%;height:250px;}
.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:300px;max-width:300px;width:100%;height:250px;}
}

@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;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="광고코드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-펍코드"
     data-ad-slot="광고코드2"
     data-ad-format="rectangle"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- 상단 광고 2개 모바일 1개 -->
<!-- 애드센스 제목 상단 광고 코드 넣어주세요 -->
</div>


광고 코드 만드는 법

광고 코드는 구글 애드센스 홈페이지에서 광고 단위를 생성하여 추출한다. 이름은 알아보기 편하게 만들면 되며, '사각형', '반응형'이라는 것이 중요하다.

광고단위는 사각으로 2개 각각 생성하여 넣는다. 한 코드로 2개 넣으면 똑같은 광고가 나란히 나오는 것 같다. 
디스플레이 광고로 생성

사각형, 반응형 선택


코드 삽입 효과

생성하면, 코드가 나오는데, 그 중에 코드 번호만 따서, 맨 위에 제시된 코드창에 섞어서 잘 넣어주면 됩니다. 
데스크탑에서는 광고 2개가 나란히 나오며, 모바일에서는 1개만 나옵니다. 본인 티스토리 설정에 따라 다르겠지만, 유용한 광고 수익 수단이 되기를 바랍니다.