[애드센스] 일치하는 콘텐츠 광고 넣기

FUNFUN한 일상/블로그
2018. 7. 20. 14:18

드디어 제 블로그도 애드센스 일치하는 콘텐츠 광고를 적용할 수 있게 되었습니다.

다른분들 블로그를 보면서 저 광고는 대체 무슨 광고일까? 했던 시절이 있었죠.

그러다가 그 광고 일치하는 콘텐츠 광고라는 것을 알고 저도 블르고에 적용하려고 했지만

제 애드센스에서는 만들 수 가 없었죠. 이유는?

일치하는 콘텐츠 광고는 일정 수 이상의 트래픽이 발생하는 블로그에서만 적용 가능합니다.

기 기준은 공개되어 있지 않아 정확히 알 수 없지만 꾸준한 포스팅과 방문자(제 블로그기준으론 일 100명이상) 만 있다면 가능할 것 같습니다.

구글에서 설명하는 기준은 아래와 같습니다.

내 블로그에서 일치하는 콘텐츠를 사용가능한지 확인는 방법은 2가지 있습니다.

1. 애드센스 계정에 로그인합니다.
2. 왼쪽의 탐색 패널에서 설정을 클릭합니다.

3. 내 사이트를 클릭합니다.

4. '내 사이트'에서 일치하는 콘텐츠를 클릭합니다.
'내 사이트'에 일치하는 콘텐츠가 표시되지 않는다면 현재 일치하는 콘텐츠를 사용할 수 없는 상태인 것입니다.

2번째 방법은 직접 광고단위에 들어가서 확인하는 방법입니다.

1. 애드센스 계정에 로그인합니다.

2. 왼쪽의 탐색 패널에서 내 광고를 클릭합니다.

3. 광고 단위를 클릭합니다.

4. 새 광고 단위를 클릭합니다.

일치하는 콘텐츠가 표시되지 않는다면 현재 일치하는 콘텐츠를 사용할 수 없는 상태인 것입니다.

자 이제 본격적으로 일치하는 콘텐츠 광고를 적용하는 방법에 대해 알아보겠습니다.

내 광고->광고단위->새 광고 단위-> 일치하는 콘텐츠 로 들어갑니다.

그러면 아래와 같은 화면이 나옵니다.

1. 광고 단위 이름 입력

2. 광고옵션 설정 -> 광고를 통한 수익창출 적용을 안하면 광고는 안나오고 내 블로그의 다른 게시물만 나오게 됩니다.

3. 스타일, 크기를 입력해 줍니다.(딱히 건드릴 필요는 없어 보입니다.)

4.저장 및 코드생성을 클릭합니다.

여기 까지 진행했다면 아래와 같이 코드가 생성되었을 겁니다.

1
2
3
4
5
6
7
8
9
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxx"
     data-ad-slot="xxxxxxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
Colored by Color Scripter
cs

이대로 적용을 해도 되지만 모양이 별로 안이쁘게 나올겁니다.

마치 "저는 광고입니다" 라는 모양으로 나오죠.

그래서 코드를 더 추가해서 모양을 변경해 보겠습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     data-ad-slot="xxxxxxxxx"
     data-matched-content-ui-type="image_card_stacked"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="3"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Colored by Color Scripter
cs

위 코드는 가로3 세로3 총 9개의 카드가 나오도록 설정한 코드입니다.

실제 화면에서는 아래와 같이 디스플레이 됩니다.

이런 설정은 자신의 블로그에 맞게 적당히 조절해주시면 됩니다.

자세한 설정 방법은 구글 애드센스에서 제공하는 문서를 참조하시면 됩니다.

https://support.google.com/adsense/answer/7533385?hl=ko&ref_topic=6111161

자 이제 설정까지 마무리 했으면 블로그에 적용할 일만 남았습니다.

적용하는 방법은 2가지가 있습니다.

1. 직접 HTML 편집으로 들어가서 코드를 넣는방법

1) 블로그 관리에서 스킨편집으로 들어갑니다.

2) HTML 편집으로 들어가서 ctrl+F 를 누른 후 article_rep_desc 를 검색합니다.