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

애드센스 위치를 티스토리 공감버튼 위로 이동시키는 방법으로 보통 제시되는 것이 외부의 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. apple-touch-icon.png 404 에러 탈출기 (feat. precomposed, 120x120, favicon)
  2. HTML 앵커 <a> 태그 속성으로 alt는 없었구나
  3. 구글 애널리틱스 내부 트래픽 설정하기 (분석 제외 IP 설정)
  4. 구글 애널리틱스와 태그 매니저 페이지뷰 중복측정 방지하기
  5. 구글 애드센스 클릭은 있지만 수익은 없는($0.00) 원인

댓글 남기기