카카오 애드핏 광고 직접 등록(HTML 편집,사이드바 설정)
본문 바로가기
정보

카카오 애드핏 광고 직접 등록(HTML 편집,사이드바 설정)

by dreamlleek 2022. 10. 10.
반응형

최근 카카오 애드핏 광고를 승인받았습니다.

예전에 이미 승인받은 블로그 한 개와 이번에 승인받은 이 블로그로 이제 총 2개의 매체에 광고를 달 수 있게 됐습니다.

광고를 승인받아서 기쁘기는 하지만 이 블로그는 블로그 관리 화면에서 카카오 애드핏 연동을 할수가 없습니다.

그래서 광고를 다는데 불편함이 있어요.

 

카카오 애드핏 반려 후 재승인 신청(2일만에 승인)

1년 전에 애드핏 매체 신청을 했는데 반려를 당했습니다. 지금도 그렇지만 그때도 활발히 활동하는 블로그가 아니라서 반려를 당한 줄 알았는데, 1년 만에 반려사유를 확인해보니 '매체 내 복권

blog3651.tistory.com

보통 애드핏 광고를 승인받으면 아래 사진에 있는 [수익] → [카카오 애드핏 연동하기]를 눌러 연동한 후 광고 설정을 합니다.

스크립트를 복사하여 직접 광고를 설정하는 것보다 이게 훨씬 편하고 수익도 티스토리에서 바로 확인 가능해 거의 모든 이용자가 이용하고 있는데요.

티스토리에서 카카오 애드핏 연동을 하기 위해서는 일정 조건을 충족해야 합니다.

블로그 개설일 30일 이상, 3개월 내 공개 발행 글 20개 이상이어야 하는데요.

이 블로그의 경우 최근 3개월 내 발행 글이 20개가 안됩니다.

그래서 지금은 연동을 할 수 없고, 애드핏 사이트에서 직접 광고 스크립트를 복사하여 광고를 삽입해야 합니다.

카카오 애드핏 연동 권한

글을 열심히 올려 3개월 내 글이 20개 이상일 때 연동을 한 후 광고 설정을 해도 되겠지만 저는 우선 스크립트 직접 등록을 통해 광고를 설정해봤어요.

스크립트 직접 광고 설정 전에는 아래 사진과 같이 블로그 제일 상단에 애드핏 광고 하나만 노출되는 상태였어요.

애드핏 광고를 승인받으려면 기본적으로 광고 단위 하나는 등록을 해야 하는데 이게 신청 시 등록한 광고 단위예요.

애드핏 광고단위

카카오 애드핏 사이트에서 스크립트를 복사하여 광고를 직접 설정하는 방법은 그리 어렵지 않습니다.

티스토리 사이드바를 이용하여 광고를 설정하는 방법과 HTML 편집을 통해 광고를 설정하는 방법을 알려드리겠습니다.

반응형

우선 사이드바를 이용해 광고를 설정하는 방법입니다.

 

1. 우선 카카오 애드핏 사이트에 접속해 광고 관리 → 계정에서 광고를 설정할 매체를 클릭해주세요.

 

https://adfit.kakao.com/

 

adfit.kakao.com

애드핏 광고관리

2. 새 광고 단위를 눌러주세요.

새 광고단위

3. 해당 화면에서 광고단위 등록을 합니다.

 

저의 경우 알아보기 쉽도록 광고 단위명에 배너의 사이즈를 입력해요.

공통 설정은 크게 중요하지 않은 것 같아 저는 따로 설정하지 않았어요.

배너는 광고단위명에 입력한 사이즈를 선택했습니다.

선택이 완료되면 [스크립트/SDK] 발급을 눌러주세요.

광고단위 등록

4. '스크립트 복사'를 눌러주세요.

스크립트 복사

5. 티스토리 블로그 관리 화면의 꾸미기 → 사이드바를 눌러주세요.

6. 사이드바 화면 기본 모듈에서 [HTML 배너 출력] 오른쪽 옆에 있는 +를 눌러주세요.

+를 눌러 사이드바 1, 사이드바 2, 사이드바 3 중 하나를 선택합니다.

저는 상단에 광고를 삽입하기 위해 사이드바 1을 눌렀어요.

티스토리 사이드바

7. 사이드바1 부분에 [HTML 배너 출력]이 생긴걸 확인할 수 있습니다.

이제 편집을 눌러줍니다. 

HTML배너출력 편집

8. HTML 배너출력 팝업에서 이름을 입력하고, 카카오 애드핏 사이트에서 복사한 스크립트를 HTML 소스 칸에 붙여 넣습니다.

카카오 애드핏 사이트에서 광고단위명 입력시에는 애드핏 사이트에서 구분하기 위함이라 사이즈만 입력을 했지만, 티스토리에서도 사이즈만 입력하면 나중에 이게 어떤 광고인지 헷갈릴 수 있기 때문에 앞에 '애드핏'을 붙여줬어요.

 

사용자 모듈에 저장은 굳이 안 해도 되지만 사이드바에서 삭제했다가 다시 넣을 때 사용자 모듈에 저장해놓은 게 있으면 스크립트를 다시 복사해야 하는 번거로움이 없기 때문에 저는 사용자 모듈에 저장에 체크를 했습니다.

HTML 배너출력

HTML 배너 출력 팝업에서 확인을 누르면 아래와 같이 사이드바 1 플러그인의 이름이 변경되어 있고, 사용자 모듈에도 추가가 되어 있는 걸 볼 수 있습니다.

 

필요시 미리보기를 한 후 [변경사항 저장]을 눌러주세요.

변경사항 저장

스크립트 직접 등록을 통한 카카오 애드핏 사이드바 배너 설정이 완료됐습니다.

설정한 데로 쿠팡 배너 바로 아래에 광고가 생성됐습니다.

애드핏 광고

이번에는 HTML 편집을 통해 광고를 설정하는 방법입니다.

 

1. 티스토리 관리 화면에서 꾸미기 → 스킨 편집을 눌러주세요.

스킨 편집

2. HTML 편집을 눌러주세요.

HTML편집

3. 광고를 넣고 싶은 위치에 카카오 애드핏 스크립트를 복사하여 붙여 넣어주세요.

저는 공지사항 위쪽에 광고를 하나 더 달기 위해 공지사항이라고 적힌 윗부분에 스크립트를 삽입했습니다.

HTML 편집이 완료됐다면 상단에 있는 [적용]을 눌러주세요. 

적용

공지사항 위쪽에 애드핏 광고가 정상적으로 삽입됐습니다.

광고 삽입

아래와 같이 사이드바를 이용해 설정한 광고 한 개와 HTML 편집을 통해 설정한 광고 한 개, 총 2개의 애드핏 광고가 티스토리 블로그 사이드에 삽입됐습니다.

반응형

댓글