티스토리 에드센스 본문 중간 삽입
[티스토리 에드센스 본문 중간 삽입]
요즘 티스토리를 하시면서 많은 분들이
구글 에드센스를 삽입하고 있습니다.
보통 에드센스 배치를 상단 하단은 기본적으로 하고 있고
티스토리 플러그인에서 지원되므로 쉽게 할수 있습니다.
그러나 광고 수익과 더 좋은 배치를 위해 본문 중간에
삽입하는 방법을 알려드리려고 합니다.
에드센스 본문 중간에 삽입하는 방법은
1. 포스팅 할때마다 넣는 방법
2. 서식에 에드센스 코드르 저장해두어 불러오는 방법
아래 링크를 통해서 포스팅한바 있습니다.
그러나 이런 방법들 단점은 나중에 코드를 수정할때
모든 글들을 하나하나 다 수정해줘야 합니다.
그래서 이번에 방법은 여러분들이 사용하시는
티스토리 스킨에 (skin.html) 광고를 삽입 해놓고
본몬 중간으로 광고 위치를 삽입하는 방법입니다.
이 아이디어는 http://blog.readiz.com/65 에서 보고
생각하였습니다.
이 방법은 나중에 하나하나 다 수정 할 필요가 없고 skin.html에서
소스만 지우거나 수정하면 모든 본문에 일괄적용되므로
편합니다.
우선 티스토리 스킨은 반응형 스킨에서만 적용됩니다.
꼭 명심하세요
티스토리 모바일 웹에서는 안됩니다.
자그럼 방법을 볼까요
우선 글쓰기 들어가셔서 서식을 체크하시고 html을 체크합니다.
.<div id="adhere".</div>
우선 본문 삽입용 서식을 만드는겁니다.
나중에 광고가 들어갈 위치만 지정해주는 서식입니다.
중요한건 저 구문 제일 앞에 점하나가 있습니다.
점을 찍지 않으면 티스토리 편집기가 아무것도 없다고 판단하여 div태그 까지 지워버립니다.
이렇게 저장을 하시고 서식을 완성합니다.
그럼 글목록에 이렇게 서식이 완성되어 있습니다.
.
그리고 티스토리 관리자 모드에서 html/css 편집을 들어갑니다.
skin.html에서 아래 소스를 전부 복사해서 </body> 바로 아랫줄에 붙여넣기 하세요
아래 빨간 부분은 본인으 에드센스 광고를 전부 붙여넣기 하세요
|
<!-- 본문으로 이동할 광고 --> <div id="movead" style="width:100%;text-align:center;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 본문에 삽입될 광고 --> <ins class="adsbygoogle life-is-an-egg" style="display:inline-block" data-ad-client="클라이언트id" data-ad-slot="광고번호"></ins>
</div> <!-- 본문으로 광고 옮기기 --> <script type="text/javascript"> function adLocate() { if($("#adhere").length=="1"){ $("#adhere").append($("#movead")) } else{ $("#movead").remove() }; } $('document').ready(adLocate()); (adsbygoogle = window.adsbygoogle || []).push({});//위에서 삭제한 부분이 여기 들어있습니다. </script>
|
그럼 이렇게 skin.html에서 </body> 하단에 고대로 복사하시면 완료 됩니다.
그럼 포스팅할때 해당광고서식을 한번만 클릭하면 바로 삽입이 됩니다.
나중에 수정하거나 지우실때도 skin.html 에서 저부분만 삭제하시면
각 포스팅에 있던 중간 광고들이 전부 일괄지워집니다
이 글을 공유합시다
