티스토리 제목 상단 광고 삽입
제목 상단 광고로 광고수익 강탈에서 벗어나 봅시다.
티스토리 블로그 이름 아래, 제목 위 공간에 광고를 넣을 수 있습니다. 아래 사진과 같이 사각 광고를 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개만 나옵니다. 본인 티스토리 설정에 따라 다르겠지만, 유용한 광고 수익 수단이 되기를 바랍니다.