티스토리 일치하는 콘텐츠 광고로 수익을 더 올려보자
- 닌맘의 나를 그리다. -
![](https://t1.daumcdn.net/cfile/tistory/99AB0B3E5C8B560426)
티스토리 블로그를 운영하면서 애드센스 광고를 적용하려면 먼저 애드센스 가입 승인이 이루어져야 합니다.
애드센스 승인 노하우를 통해 열심히 포스팅을 하여 최종 승인이 이루어지면 광고를 적용할 수 있습니다.
애드센스 홈페이지에서 새 광고 단위를 보면 처음에는 텍스트 및 디스플레이 광고, 일치하는 콘텐츠 광고, 콘튼체 내 자동 삽입 광고 이렇게 3개의 광고가 보입니다.
지속적인 포스팅과 광고 수익이 이루어지면 일치하는 콘텐츠 광고가 생성됩니다.
필자도 금일 일치하는 콘텐츠 광고가 생성되어 티스토리 블로그 하단 부분에 광고를 적용하였습니다.
일치하는 콘텐츠 광고 적용방법
![](https://t1.daumcdn.net/cfile/tistory/995B11345C8B32AA0F)
우선 구글 애드센스 홈페이지에서 사이트-일치하는 콘텐츠 부분에서 본인의 티스토리 블로그 주소가 나와있으면 이제 일치하는 콘텐츠 광고를 적용할 수 있다는 뜻입니다.
![](https://t1.daumcdn.net/cfile/tistory/99E7323E5C8B33101A)
다음은 광고 - 광고단위 - 새 광고단위를 클릭하여 일치하는 콘텐츠를 선택합니다.
![](https://t1.daumcdn.net/cfile/tistory/9973443D5C8B33CB0D)
광고 단위 이름은 본인이 편한 이름으로 적습니다.
다음 광고 옵션은 광고를 통한 수익 창출을 ON으로 합니다.
스타일에서 제목과 배경의 색을 원하는 것으로 변경합니다.
크기는 반응형 스킨이기때문에 반응형으로 선택 후 저장 및 코드 생성을 누릅니다.
![](https://t1.daumcdn.net/cfile/tistory/998D1D415C8B341C1A)
코드가 생성되고 티스토리 블로그 관리자 화면에서 스킨편집 - html편집으로 가서 <body>태그와 </body>태그 사이에 코드를 붙여넣고 완료를 누르면 끝입니다.
이제 가로 4개, 세로 2개의 광고가 블로그에 표출됩니다.
![](https://t1.daumcdn.net/cfile/tistory/992257415C8B4CF101)
이렇게 생성된 코드는 가로 4개 세로 2개의 광고로 나타나는데 필자가 보기에는 "나는 광고입니다" 라고 말하는 것처럼 보여 방문자들이 쉽게 클릭을 할 것 같다는 생각이 들지 않습니다.
그래서 필자 같은 경우에는 가로 3개 세로 3개의 광고가 보여지게 살짝 코드를 바꿨습니다.
![](https://t1.daumcdn.net/cfile/tistory/993BF03A5C8B4E9E0D)
이런식으로 제 블로그에 나타납니다.
3X3 일치하는 콘텐츠 광고 만들기
맨 처음 만든 일치하는 콘텐츠 광고 코드는 아래와 같습니다.
<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-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
↓
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXXXXX"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
이렇게 코드를 변경해주면 3X3 사이즈의 일치하는 콘텐츠 광고 코드가 완성됩니다.
이제 티스토리 관리자 화면에서 스킨편집 - html편집에서 <body>태그와 </body>태그 사이에 입력하면 본인의 티스토리 블로그에서 3X3 사이즈의 광고가 나타나게 됩니다.
플러그인을 이용하여 하단광고에 코드를 입력하는 방법도 있으니 참고하세요.
블로그 화면에 하얗게 빈칸이 나타난다면 잘 된것이니 조금만 기다리면 됩니다.
이제 광고 수익이 어떻게 변화가 있는지 시간을 두고 지켜봐야겠습니다.