티스토리 애드센스 애드핏 광고 위치 바꾸기

광고 순서가 애드센스보다 애드핏이 먼저 오는 것이 마음에 들지 않아 수정해 보았습니다.

 

다음과 같이 뜨는 광고의 순서를 변경해 보겠습니다.

 

크롬에서 F12를 눌러 개발자 모드에 진입합니다.

애드핏과 애드센스 광고 태그에 사용된 클래스가 같고 할당 된 ID가 없네요.

그래도 가능 합니다.

 

클래스 명으로 찾아보니 총 6개의 태그가 나옵니다.

이를 활용하여 작업을 해 보겠습니다.

 

관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다.

 

 

html 편집을 클릭 합니다.

 

그럼 다음과 같은 HTML 에디터가 뜨는데,

여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다.

 

body 태그 안쪽 제일 하단 script 태그에 다음과 같이 작성을 합니다.

$(document).ready(function() {
    var content = $(".revenue_unit_wrap");
    if(content.length > 1){
        content.eq(0).insertAfter(content.eq(1));
    }
});

광고를 표시하는 클래스가 2개 이상 있을 경우 맨 처음 2개의 위치를 바꾸는 로직입니다.

각자 변경하고자 하는 광고(또는 컨텐츠) 위치가 다를 수 있으니 확인해 보시기 바랍니다.

 

일단 광고 위치는 잘 바뀌었네요.

다만 티스토리 제공 자체 모바일 모드에는 적용이 안 되므로

모바일웹 자동연결 사용 안함 설정을 권장합니다.

 

감사합니다.