티스토리 서식으로 넣은 애드센스 광고가 안 나와요

티스토리를 하면서 애드센스 광고를 넣는 방법은
스킨 편집
배너 출력(사이드바)
플러그인(지금은 애드센스 연동으로).

제목에서처럼 서식에 넣었던 애드센스 광고인
블로그 전체 포스팅에서 본문 중앙 광고가 나오지 않습니다.
본문 상단은 스킨 편집으로
하단은 자동 광고를 이용하고 있습니다.
문제가 되는 광고는 본문 중앙 광고입니다.

제목에서의 애드센스 광고가 안 나오는 것에는 약간의 설명이 필요합니다.
애드센스 코드를 서식에 그대로 넣지 않고
해상도에 따라 광고 크기를 지정하기 위한 태그를 덧붙였습니다.
이를테면 휴대폰에서는 336*260, PC에서는 728*90 등으로 만들 수 있습니다.
이 코드를 이용하여 이전에는 플러그인에에서도
다양한 크기의 광고를 노출할 수 있었는데
지금은 애드센스 연동된 상태에서는 원하는 위치에 자동 광고만 넣을 수 있죠.

본 블로그 본문 상단 광고는 PC에서는 100% 노출이며,
휴대폰에서는 336*260으로 지정한 것입니다.
휴대폰에서 336*260의 크기는 꽉찬 화면으로 보이지만
크기를 지정한 광고를 확인하기 위해서는
본문 상단(휴대폰) 광고와 하단 광고를 비교해 보면 알 수 있습니다.

휴대폰 상단 광고는 테두리가 있는 지정된 크기이며,
본문 하단은 100% 자동광고입니다.
구별할 수 있을 겁니다.

 

 

먼저 해상도에 따른 광고 크기를 설정하는 스크립터를 보여드립니다.

<!-- 본문 중앙 사각 광고 PC와 모바일 각각 설정 -->

<!-- 모바일 중앙 노출 -->
<style>
.phonect ins { width: 336px; height: 280px; }
@media(min-width: 400px) { .phonect ins { width: 336px; height: 280px; } }
@media(min-width: 728px) { .phonect ins { width: 0px; height: 0px; } }
</style>

<div class="phonect">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 모바일 중앙 -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-15700000" data-ad-slot="휴대폰 본문 광고"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

<!-- 컴퓨터 본문 중앙 노출 -->
<div align=center>
<style>
.pcct ins { width: 0px; height: 0px; }
@media(min-width: 400px) { .pcct ins { width: 0px; 0px; } }
@media(min-width: 728px) { .pcct ins { width: 336px; height: 280px; } }
</style>

<div class="pcct">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- PC 본문중간 -->
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1570000" data-ad-slot="PC 본문 중앙 광고"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<!-- 본문 중앙 광고 PC와 모바일 각각 설정  끝 -->

이 코드를 분석하시는 분을 위해 약간의 설명을 추가하면
애드센스 광고를 만들 때부터
중요한 위치의 광고는 PC와 모바일 광고를 따로 만듭니다.
그래서 본문 상단, 본문 중앙은 PC 광고와 모바일 광고를 준비했습니다.
광고 크기는 하나의 광고 코드로 여러 가지 크기를 만들 수 있는 반응형으로 합니다.
위의 코드는 휴대폰에서도 336*260 크기이며, PC에서도 336*260입니다.
모바일과 컴퓨터에 넣는 광고의 크기는 같지만 다른 광고를 넣는 이유는
실적분석 때문이죠.

 

위치별 광고를 만들면 실적을 확인할 수 있습니다.
본문 중앙 광고에 대한 실적은 전혀 나오지 않고 있네요.
링크 광고는 최근 애드센스에서 퇴출당하면서 자동 광고가 노출되면서
실적이 잡히고 있습니다.

이 코드는 포스팅까지 작성하면서 몇 번이고 확인에 확인을 거쳐
블로그 초창기부터 적용해서 사용했던 코드입니다.
전혀 문제 될 것이 없습니다.

그런데 광고가 안 나오는 이유는
알고 있는 여러 가지 방법으로 스크립터를 수정해서 적용했지만
결론은 서식에서 넣은 코드를 포스팅할 때 불러오면
설정한 스타일 값을 가져오지 못한다는 겁니다.

 

서식에 넣은 애드센스 코드 일부입니다.

글쓰기 도중에 서식을 불러와서 HTML로 확인했더니
스타일 설정 부분이 보이지 않습니다.

스크립터에 관한 지식은 적당한 소스를 가져와서
약간의 수정해서 사용하는 정도의 실력으로
글 작성 중에는

서식에서 가져온 HTML에서 스타일 태그는 나타나지 않는 것 인도 모르겠지만
지금은 블로그 전체에 넣었던 본문 중앙 광고는 나오지 않습니다.
보통은 애드센스 광고가 안 나오면 빈 광고 자리가 공간을 차지하고 있는데
그런 빈자리는 없네요.
스타일 작성 부분이 잘못되었을까요.

다음에 문의는 넣었지만
해결을 기다리기 보다는
급한 대로 글을 수정하고 있습니다.
하아---