본문 바로가기

V1.1.1버전에서 구글 인피드광고를 적용했습니다.

인피드광고란?

애드센스 인피드광고
인피드 광고란 티스토리 리스트 중간 중간에 광고를 자동으로 끼워 넣어 주는 광고형태입니다.

인피드 광고 신청하기

애드센스 인피드광고 신청화면

먼저 구글에서 인피드 광고를 신청해야 합니다.
자세한 설명은 아래의 포스트에서 신청하는 부분까지만 참고하세요.

티스토리에 애드센스 인피드 광고 슬기롭게 적용하는 방법 바로가기

인피드 광고 적용하기

인피드 광고를 신청하면 아래와 같은 코드를 획득하게 됩니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"

     data-ad-layout-key="<<나만의 코드>>"
     data-ad-client="<<나만의 코드>>"
     data-ad-slot="<<나만의 코드>>"></ins>

<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

여기서 중요한 코드는 3개입니다.

  • data-ad-layout-key="<<나만의 코드>>"
  • data-ad-client="<<나만의 코드>>"
  • data-ad-slot="<<나만의 코드>>"

티스토리에 적용하기

티스토리의 관리자화면으로 이동합니다.

  1. 좌측 메뉴에서 꾸미기 메뉴를 선택합니다.

  2. 스킨편집 메뉴를 선택합니다.

스킨 편집의 우측 설정메뉴의 중간 정도 이동합니다.

  1. 애드센스 공통 clientdata-ad-clientt의 값을 입력합니다. (동일한 애드센스 사용자의 client번호는 모두 동일합니다.)
  2. 애드센스 인피드광고 slot 번호data-ad-slott의 값을 입력합니다.
  3. 애드센스 인피드광고 layout_keydata-ad-layout-key의 값을 입력합니다.
  4. 애드센스 인피드광고 루프 카운트 에 반복 할 값을 입력합니다.

애드센스 인피드광고 옵션 란에 값이 있을 경우는 반영이 되고 값을 입력하지 않은 경우는 비활성화되어 반영이 되지 않습니다.

UX공작소의 T스킨 베이직