애드센스 일치하는 콘텐츠 활성화 및 설정

활성화 기준

애드센스 일치하는 콘텐츠 설정이 어느새 활성화 되었네요. 사람마다 기준은 다른데, 제 경우는 글은 350개 정도, 일 트래픽은 300이 지속적으로 넘는 시점에 활성화 된 것 같습니다. 어떤 분들은 글이 100개 미만이라 하더라도 일 유입 트래픽이 400명 정도가 되었을 때 활성화가 되었다고 하는 글을 보았습니다. 사실, 그냥 신경쓰지말고 꾸준히 포스팅하다 보면 어느새 활성화가 된다고 생각하는 것이 속편할 것입니다.


애드센스 일치하는 콘텐츠 광고 생성하기

애드센스 관리 페이지에 방문해보면, 어느 순간 기존에 보이지 않던 메뉴가 아래처럼 보이게 됩니다. 아래와 같은 기능이 활성화 되었을 때 비로소 일치하는 콘텐츠 광고를 넣을 수 있습니다.

해당 메뉴를 클릭하고 기본 설정에 들어갑니다.

적절한 광고 이름을 지정하고 설정을 완료합니다. 광고 옵션/스타일/크기 등은 나중에 언제든지 다시 편집 가능합니다. 클릭하다 보면, 아래와 같은 코드를 복사하라고 뜹니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="아이디"
     data-ad-slot="번호"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

아이디 칸에 본인의 애드센스 아이디가, 애드슬롯 번호에 고유값이 생성되어 있을 것입니다. 그리고, 이 코드를 복사해 넣으라고 안내 문구가 뜹니다.


적용할 광고 스크립트 준비하기

구글 애드센스에서 알려준 코드를 그대로 쓰는 대신, 다음과 같이 편집합시다. 편집을 쉽게 하기 위해 메모장 같은 에디터를 열어서, 위의 코드를 복사합니다. 그 후에, 상단에는

<!--일치하는 콘텐츠 영역 광고 시작-->

하단에는

<!--일치하는 콘텐츠 영역 광고 끝-->

과 같이 표기하여, 나중에 편집할 때 구분가능하기 쉽도록 표시해 둡니다. 그리고, 그 중간에 앞서 구글 애드센스에서 알려준 코드를 복사해 넣습니다. 그리고, 튜닝을 합니다.

data-matched-content-ui-type="image_stacked,image_stacked"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="2,4"

의 내용을 추가로 넣습니다. data-matched-content-rows(혹은 columns)-num 뒤에 A, B 형태로 숫자를 쓸 수 있는데, 앞에 숫자가 모바일용이고 뒤의 숫자가 데스크탑용입니다. RxC의 형태이므로, 위와 같이 기록하면 모바일에서는 4x2로, 데스크탑에서는 2x4의 형태로 광고를 노출하게 설정한 것입니다. 편집을 마친 스크립트는 아래와 같이 될 것입니다.

<!-- 일치하는 콘텐츠 영역 시작-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="아이디"
     data-matched-content-ui-type="image_stacked,image_stacked"
     data-matched-content-rows-num="4,2"
     data-matched-content-columns-num="2,4"
     data-ad-slot="번호"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- 일치하는 콘텐츠 영역 끝-->

광고 적용하기

만일을 대비하여, 기존의 스킨을 백업/보관합니다. 꾸미기 > 스킨 편집 > HTML 편집을 누릅니다. CTRL-F (맥에서는 Command-F) 버튼을 클릭하여, ##article_rep_desc## 들을 찾습니다. 그리고, 그 하단에 위의 코드를 복사해 넣습니다. 제 경우는, JB167 스킨을 썼는데, 두 곳에 각각 복사해 넣었습니다. 적용 버튼을 누르니 곧바로 적용되었습니다.

댓글(0)

Designed by JB FACTORY