티스토리 공감버튼 위에 애드센스 광고 달기

애드센스 위치를 티스토리 공감버튼 위로 이동시키는 방법으로 보통 제시되는 것이 외부의 jQuery를 이용하는 방법이다. 다만 jQuery를 이미 사용하고 있는 상황이 아니라면 코드 삽입만으로 구현되지 않으며 jQuery 파일을 다운받고, 티스토리에 업로드하고, HTML에서 해당 파일을 로딩시켜줘야 하는 작동을 한다. 사실 그리 어려운 작업은 아니긴 하지만 이런 과정이 익숙하지 않은 사람에게 있어서는 고된 작업일 수도 있다.

하지만 티스토리는 jQuery를 이미 포함하고 있기 때문에 (jQuery 파일을 다운 받고 업로드 하고 로딩하는 과정 없이) 코드를 살짝 수정하는 것만으로도 구현할 수 있다. 처음에는 잘못 고쳤는지 제대로 동작을 안 했었는데 복잡하지는 않아서 어렵지 않게 수정할 수 있었다.

아래 코드를 티스토리 HTML 편집을 통해 [##_article_rep_desc_##] 바로 밑에 넣어 주면 된다. (참고로 square 스킨에 적용해 봄)

<script>
( function( $ ) {
$( document ).ready( function() {
$( ".container_postbtn" ).before( $( ".adpositioning" ) );
} ) } )( tjQuery );
</script>

<div class="adpositioning">
이 부분에 애드센스 코드 삽입
</div>


스킨 편집
새로 삽입된 코드(빨강)와 애스센스 코드(파랑)

애드센스 위치 변경
실제 적용된 모습

카테고리의 다른 글

  1. 티스토리 본문 이미지 숨기기. div 태그 방법
  2. 구글 애널리틱스 내부 트래픽 설정하기 (분석 제외 IP 설정)
  3. 티스토리 본문 줄간격 바꾸기 (스킨 CSS 편집)
  4. 워드프레스에 첨부하는 사진의 효율적 크기 찾기 (적정 사이즈)
  5. 워드프레스 문단 배경색 지정 시 발생하는 과도한 여백 줄이기

댓글 남기기