티스토리 애드센스 본문 상단과 하단에 광고를 삽입하기 위해서는
##_article_rep_desc_##
위의 "##_article_rep_desc_##" 코드 위에 애드센스 코드를 삽입하면 본문 상단에 광고가 삽입되고
"##_article_rep_desc_##" 코드 밑에 애드센스 코드를 삽입하면 본문 하단에 광고가 삽입된다
그러나 본문 하단에 광고를 삽입하면 다른 카테고리 글 보기 밑에 광고가 삽입되는데
다른 카테고리 글 보기 위에 광고를 삽입하는 방법이 있다.
<div id="ad">
<!-- 애드센스 코드-->
</div>
<script>
( function( $ ) {
$( '.another_category' ).before( $( '#ad' ) );
} )( tjQuery );
</script>
티스토리 스킨 html 편집에 들어간 후
위의 코드에서 애드센스 코드 부분에 자신의 애드센스 코드를 삽입하고
위의 코드를 밑에 삽입하면 다른 카테고리 글 보기 위에 광고가 나오게 된다.
<div id="ad">
<!-- 애드센스 코드-->
</div>
<script>
( function( $ ) {
$( '.container_postbtn' ).before( $( '#ad' ) );
} )( tjQuery );
</script>
위 코드는 .another_category를 .container_postbtn 로 교체한 것이다
위의 코드를 밑에 삽입하면 공감 버튼 위에 광고가 나오게 된다.
<div id="ad">
<!-- 애드센스 코드-->
</div>
<script async>
$(function(){
$('.container_postbtn').before( $('#ad') );
});
</script>
j쿼리를 이용해 이렇게 해도 된다.
이전 코드는 tjQuery 즉 티스토리에 내장된 제이쿼리를 이용한 것이고 이 코드는 제이쿼리가 스킨내에 설치되어 있어야 한다.
'정보 Tips > 티스토리 Tistory' 카테고리의 다른 글
티스토리 유튜브 영상 반응형으로 만들기 (0) | 2022.06.28 |
---|---|
티스토리 애드센스 광고 잘림 해결 방법 (1) | 2022.06.07 |
티스토리 사진 좌우 여백 제거 방법 (2) | 2022.06.06 |
티스토리 글쓰기 에디터 글자 크기 변경 방법 (0) | 2022.05.19 |
티스토리 블로그 움짤이 움직이지 않을 때 방법 (0) | 2021.09.18 |
티스토리 카테고리의 다른 글 폰트 크기 조절 (0) | 2021.07.30 |
구글 애드센스 세금 정보 등록 방법 (1) | 2021.05.24 |
티스토리 사이드바 고정 플로팅 광고 간단히 하는법 (1) | 2021.05.22 |