티스토리 AdFit (애드핏) 광고 추가 설정하기 (상단 / 하단 / 본문/ 사이드바)

티스토리 AdFit (애드핏) 광고 추가 설정하기
(상단 / 하단 / 본문/ 사이드바)

Kakao AdFit 광고 설정 및 수익 확인 방법

티스토리에 글을 게시하시면서 광고 수익을 얻고 싶으신가요?
그렇다면 잘 오셨습니다.

티스토리에도 광고를 추가할 수 있지요.
우리가 잘 알고 있는 두가지 광고 매체가 있습니다.

• 구글의 애드센스(AdSense)
• Tistory의 애드핏(AdFit)

광고 설정은 티스토리에 로그인 하셔서 관리 > 수익 메뉴에서 확인/연동신청 하실 수 있습니다.
여기서는 애드핏을 연동신청 하신 후 연동승인을 받으신 이후에 광고 설정 방법에 대해서 설명합니다.

아래의 메뉴 페이지에 진입합니다.
티스토리 관리 > 수익 > 애드핏 관리

위와 같은 화면이 보이시죠?
오른쪽 상단에 "연동 해제" 버튼이 있네요.
"연동 해제" 버튼을 누르시면 애드핏 연동 설정이 해제됩니다.
함부로 누르시진 마세요. ^^

화면에서 조금 더 아래로 내려오면 "광고 설정" 화면이 보입니다.
광고를 설정할 수 있는 영역이 표시됩니다.

• 목록 상단
• 목록 하단
• 사이드바
• 본문 상단
• 본문 중간(에디터)
• 본문 하단

위의 목록중에서 "본문 중간(에디터)"라고 표시한 부분의 영역은
활성화 이후에 티스토리 글쓰기를 하면서 본문 중간에 에디터를 통해서 광고를 수동으로 추가할 수 있으며,
나머지 영역은 티스토리에서 광고를 자동으로 배치해줍니다.

 

목록 상단 광고 설정

'광고 설정' 화면에서 '목록 상단' 영역을 활성화 하시면 다음과 같이 팝업 창이 뜹니다.
내용은 이렇습니다. 

목록 상단 광고

목록 상단 치환자가 없어 광고를 설정할 수 없습니다. 스킨을 변경하시거나 치환자를 스킨에 직접 추가해 주세요.

목록 상단 치환자 :

네. 사전 작업이 필요합니다.
티스토리의 스킨에 '목록 상단 치환자'를 추가해 주셔야 합니다
관련 메뉴는 다음과 같습니다.

• 티스토리 관리 > 꾸미기 > 스킨 편집

실제 스킨 편집 페이지로 이동해서 '목록 상단 치환자'를 추가해볼까요?
스킨의 코드 내용이 많으므로, 찾기(Ctrl + F)를 통해서 찾아봅니다.
찾을 키워드는 "s_list"로 찾아서 다음과 같이 추가해주세요.

추가할 코드는 다음과 같습니다. 복사해서 해당 위치에 붙여넣기 하세요.

<!-- Kakao AdFit 상단 광고 start -->

<!-- Kakao AdFit 상단 광고 end -->

 

목록 하단 광고 설정

목록 상단 광고 설정과 유사하게 진행됩니다.
'광고 설정' 화면에서 '목록 하단' 영역을 활성화 하시면 다음과 같이 팝업 창이 뜹니다.
내용은 이렇습니다. 

목록 하단 광고

목록 하단 치환자가 없어 광고를 설정할 수 없습니다. 스킨을 변경하시거나 치환자를 스킨에 직접 추가해 주세요.

목록 하단 치환자 :

목록 하단 광고도 사전 작업이 필요합니다.
티스토리의 스킨에 '목록 상단 치환자'를 추가해 주셔야 합니다
관련 메뉴는 다음과 같습니다.

• 티스토리 관리 > 꾸미기 > 스킨 편집

실제 스킨 편집 페이지로 이동해서 '목록 하단 치환자'를 추가해줍니다.
스킨의 코드 내용이 많으므로, 찾기(Ctrl + F)를 통해서 찾아봅니다.
찾을 키워드는 "s_paging"로 찾아서 다음과 같이 추가해주세요.

추가할 코드는 다음과 같습니다. 복사해서 해당 위치에 붙여넣기 하세요.

<!-- Kakao AdFit 하단 광고 start -->

<!-- Kakao AdFit 하단 광고 end -->

 

사이드바 광고 설정

사이드바 영역을 활성화 해주면, 다음과 같은 팝업창이 뜹니다.

사이드바 광고 : 사이드바 광고 적용 후 ‘꾸미기 > 사이드바’에서 세부 위치를 설정할 수 있습니다.

사이드바 광고를 활성화한 이후에는 '꾸미기 > 사이드바' 메뉴를 통해서 진입한 화면에서 '[광고]adfit'의 위치를 조정할 수 있습니다.
해당 화면은 다음과 같으며,
기본 위치는 사이드바의 최상단에 위치합니다.

 

본문 상단/하단 광고 설정

본문의 상단과 하단의 광고 설정 영역을 활성화 해주세요.
해당 광고는 티스토리에서 자동으로 설정해주기에 따로 해줄 것은 없습니다.

 

본문 중간(에디터) 광고 설정

본문 중간에 광고설정을 활성화 하게 되면 다음과 같은 팝업창이 뜹니다.

본문 중간(에디터) 광고 : 글 작성 시 ‘에디터 > 더보기 > 광고’에서 광고를 추가해야 해당 글에 광고가 노출됩니다.

티스토리에서 글 작성 시 '에디터 > 더보기 > 광고'를 통해서 광고를 추가해야 해당 글에 광고가 노출된다는 것입니다.
글 작성시에 상단 에디터에서 점 세개로 된 버튼을 누르시면 풀다운 메뉴가 나타나는데요.
해당 화면은 다음과 같습니다.

티스토리에서 글 작성 시 '에디터 > 더보기 > 광고'를 통해서 광고를 추가해야 해당 글에 광고가 노출된다

 

광고 설정 완료

애드핏(AdFit)에서 제공하는 광고설정 영역을 모두 활성화하고, 변경사항을 저장완료하고나면
다음의 화면과 같이 노란색으로 활성화 영역을 표시해 줍니다.

티스토리 광고 설정 완료 화면 : 활성화 영역이 노란색으로 표시됨.

 

광고 수익 확인

• 티스토리 관리 > 수익 > 애드핏 관리

애드핏 관리 화면에 들어오시면 아래와 같이 최근 1일/7일/30일의 수익을 확인하실 수 있습니다.
저의 경우는 설정한지 얼마 안되어서 수익도 미미하네요.
역시...구글 애드센스가 짱입니다. 클릭당 광고 수익이 훨씬 더 크다는 것을 실감합니다.

티스토리 관리 > 수익 > 애드핏 관리