본문으로 바로가기
✈️

에어뷰 : 비행기 · 항공사 · 여행

  1. Home
  2. 티스토리 TIP
  3. 티스토리 본문 하단 광고 배치 전략 : [카테고리 글 더보기] 아래에 넣기

티스토리 본문 하단 광고 배치 전략 : [카테고리 글 더보기] 아래에 넣기

· 댓글 0 · 에어뷰

티스토리를 하다 보면 광고 배치를 어떻게 할지, 광고를 몇 개나 넣을지,
여러 가지 광고 중에 어떤 광고를 넣어야 할지 참 고민이 많다. 

 

유튜브처럼 그냥 알아서 광고가 적용되고 글쓰기, 콘텐츠 생산에만 집중할 수 있으면 좋겠는데
스킨에 따라, 광고 적용 방법에 따라 수익 차이가 크게 날 수 있다는 부분이 참 스트레스가 되는 부분이다.

 

어느덧 티스토리를 한 지 2년이 넘어간다.

 

그동안 시행착오도 많았고, 앞으로도 광고 적용 방식이나 홈페이지를 꾸미는 방식이 바뀔 것이다.

물론 지금 스킨 사용에 있어 꽤 만족스럽지만, 시간이 지나고 보면 또 지금이 많이 아쉬워 보일 것 같다.

 

 

오늘은 스킨 제작자 아미넴님의 광고 배치 방식을 보다가 맘에 들어서 적용해보았다.

 

 

본문 하단 광고 배치 방식 비교 [자동 VS 수동 광고]

티스토리-본문-글-하단-자동광고-배치-모습티스토리-본문-글-하단-수동광고-배치-모습
티스토리 본문 하단 광고 배치

 

  • 왼쪽 : 티스토리 연동 자동 광고 적용
  • 오른쪽 : 자동 광고 OFF / 직접 수동으로 HTML에 광고 코드 삽입

 

실제 적용된 본문만 가져오자니 한눈에 보기 어려워서 정리했다.

 

 

 

1. 티스토리 자동 광고 연동 방식

티스토리-자동광고-설정-페이지-애드센스-본문하단-활성화티스토리-자동광고-설정-페이지-데이블-본문하단-활성화

 

  • 애드센스 : 본문 하단 / 반응형
  • 데이블 : 본문하단 / PC 그리드형 / 모바일 리스트형

 

'데이블' 광고가 활성화되지 않는 분도 있을 텐데, 데이블은 일 방문자수 1500명 이상이 일주일간 지속되면 그때부터 신청할 수 있다.

신청하기 전에는 되게 달고 싶은데, 막상 달고보니 수익이 애드센스에 비해 크게 떨어져서 빼버리고 싶은 마음이다.

 

 

티스토리-자동광고-배치-페이지-예시

 

이런 식으로 자동 광고를 적용하면, 아래 [관련 글]이 보이기 전에 광고가 먼저 뜬다.

 

이런 경우 글을 읽는 독자가 "어 광고 나오네.. 글 끝났네?" 하고 블로그를 이탈할 수 있다.

물론 광고가 먼저 나오니까 단기적인 관점으로 볼 때 광고가 한 번 더 노출될 수도 있고,

조금 더 수익이 날 수 있다.

 

하지만 장기적인 관점으로 봤을 때, 

양질의 글을 쓰고 독자가 홈페이지 내에 있는 다른 글도 보며 오랜 기간 머무르게 되고, 

체류 시간이 늘어나면 자연스레 더 많은 수익을 가져다 줄 거라 생각한다.

 

그래서 광고가 뜨기 전에, 카테고리 내의 관련 글을 먼저 보여주고 싶었다.

 

 

2. 티스토리 스킨편집, HTML에서 코드 넣어 수동 광고 구현하기

티스토리-자동광고-설정-페이지-애드센스-본문하단-비활성화티스토리-자동광고-설정-페이지-데이블-본문하단-비활성화

 

  • 애드센스 / 데이블 광고 OFF

 

수동 광고를 넣기 전에, 광고가 중복되지 않도록 둘 다 사용 안 함으로 변경한다.

 

 

티스토리-수동광고-적용-페이지-예시

 

그리고 광고 코드를 수동으로 입력해서 넣어주면, 

글 본문이 끝나고 공감/구독하기 버튼과 [관련 글] 목록이 먼저 나오게 된다.

 

뭐 당장에 구독해주시는 분도 많지 않고 공감도 거의 없지만..
광고가 나오기 전에 관련글이 나오는 게 좋은 것 같다.

 

카테고리 글 아래에 적용한 광고가 쭉 나오는 방식으로 설정된 것을 볼 수 있다.

 

 

 

티스토리 본문 하단 수동 광고 설정 방법

 

스킨마다 HTML 코드 구성이 다르기 때문에 100% 완벽한 안내를 하기는 어렵다.

하지만 본문이 끝난 아래에 광고를 넣는 방식이기 때문에 크게 어렵지는 않다.

 

 

티스토리-수동광고-HTML-설정-페이지-예시

 

먼저 [스킨편집 - HTML]에 들어가서 를 검색해서 찾는다.

 

티스토리 HTML 수동광고 코드 배치.txt
0.00MB

 

마우스 오른쪽 금지 기능이 작동하고 있어서 별도로 텍스트 파일을 첨부한다.

첨부파일 내에 있는 것을 복사 붙여 넣기 해서 찾아도 되고, 간단하니 직접 입력해서 검색해도 된다.

 

 

티스토리-수동광고-HTML-설정-코드-삽입-위치-예시

 

그리고 그 아래에 원하는 순서대로 광고 코드를 넣으면 된다.

 

처음엔 애드센스를 먼저 나오게 했다가,

데이블이 블로그 포스팅 3개 + 광고 3개를 보여주는 그리드 방식이라 데이블이 먼저 보이도록 변경했다.

 

물론, 앞으로 또 바꿀수도 있다.

 

 

데이블 수동 광고코드 적용 방법

 

데이블은 사실 홈페이지에서 직접 코드를 넣는 것보다 자동 연동 기능으로 쓰는 경우가 많다.

데이블 홈페이지에서 직접 수동 코드를 가져와서 적용하자. (데이블 광고 활성화된 분들만 가능)

 

 

콘텐츠 디스커버리 플랫폼 데이블(Dable)

최고의 개인화 기술을 바탕으로 개인화 콘텐츠 추천 솔루션 및 네이티브 광고 플랫폼 제공. 당신의 사이트에 사용자를 유입시키고 더 높은 수익을 실현하세요!

dable.io

 

먼저 데이블 홈페이지에 들어가서 로그인 한다.

 

 

데이블-광고-위젯-코드-위치

 

[추천 위젯 성과]-[본문하단_그리드_PC]를 클릭한다.

 

 

데이블-광고-위젯-코드-위치-페이지

 

아래로 쭉 스크롤을 내리면 [위젯 코드] 버튼이 있다.

 

 

데이블-광고-위젯-코드-발급-페이지

 

그리고 [코드 복사]를 누르고, 티스토리 스킨편집 HTML 내에 붙여 넣으면 된다.

 

 


아직 직접 유의미한 결과를 낸 것은 아니지만,

다시 내 글을 둘러봐도 본문이 끝날 때 광고가 먼저 나오는 것보다 관련 글 목록이 쭉 나오는 게 훨씬 보기 좋은 것 같다.

 

필요하신 분들은 적용해보시면 좋겠다. 

SNS 공유하기
💬 댓글 0

이름을 저장합니다.

반응형
300x250
이모티콘창 닫기
울음
안녕
감사해요
당황
피폐

이모티콘을 클릭하면 댓글창에 입력됩니다.