잡학사전/블로그 가이드

티스토리 애드핏 광고 설정 (스크립트 생성, 입력, 광고 정렬)

노하우저장소 2020. 6. 21.

오늘까지 열심히 배워서 PC 상/하단 및 사이드바 그리고 모바일까지 4개의 광고 설정을 마쳤습니다.

그렇게 복잡하지 않기에 텍스트 위주로 간략히 정리하였습니다.

전체적 설정 흐름

  1. 매체 등록 : 카카오 애드핏광고 관리새 매체 (별칭 및 URL 입력)
  2. 광고 단위 생성 : 카카오 애드핏광고 관리새 광고 단위 (단위 별칭 입력, 사이즈 선택 후 스크립트 생성)
  3. 광고 스크립트 입력 : 티스토리플러그인Daum Adfit (PC)(모바일)에 생성된 스크립트를 입력

우선 광고를 달고자 하는 티스토리를 등록해야 하는데 매체 등록이라 합니다.

또 블로그에 광고가 게재될 수 있는 위치가 여러 곳이라, 필요한 위치마다 각각 스크립트를 생성해줘야 하는 게 포인트입니다.

그걸 광고 단위라고 하는군요. 예를 들면 상단 광고용 스크립트, 하단 광고용 스크립트가 각각 생성돼야 한다는 점입니다.

 

광고 단위 생성 예시

저는 상단, 하단, 우측(사이드바) 그리고 모바일 4개의 광고 단위를 만들었습니다.

 

위치에 따라서 광고 사이즈가 정해져 있답니다. 이것만 주의하시면 될 것 같아요.

 

상단 광고에 적용 가능한 사이즈

위치와 형태에 따라서 아래와 같은 사이즈 선택이 가능합니다.

(상우) 300 X 250, 250 X 250 (상좌) 300 X 250, 250 X 250 (상) 728 X 90  광고 없음

하단 광고에 적용 가능한 사이즈

728 X 90 만 가능하군요.

 

모바일 광고에 적용 가능한 사이즈

모바일은 320 X 100, 320 X 50, 300 X 250 크기가 가능합니다.

 

사이드바 광고 설정

사이드바는 애드핏 PC에 기본 설정이 있긴 한데, 그냥 되지가 않더군요. 약간 번거롭지만 아래와 같이 하시면 됩니다.

  1. 블로그 설정 → 플러그인에서 배너 출력 적용
  2. 블로그 설정 → 사이드바 → 기본 모듈에 있는 HTML 배너 출력의 +를 눌러 사이드바 1에 추가
  3. 추가된 HTML 배너 출력에 커서를 가까이하면 편집 버튼이 생김
  4. 별칭을 적당히 입력 (예, 우측 광고)하고 애드핏에서 생성한 스크립트를 입력

 

광고 위치 정렬

그리고 깔끔한 표시를 위해 중간 정렬하는 것 까지 하는 게 좋겠죠!

 

생성된 스크립트 양쪽에 다음과 같은 HTML 코드를 추가해주시면 됩니다.

<div align="center">
애드핏 생성 코드
</div>

 이상 애드핏 광고 설정 방법 소개를 마칠게요!

댓글