티스토리 뷰


일반 상단 광고를 무심히 만들때 휴대폰에서는 정책위반에 걸릴 수 있습니다. 하지만 수정형 반응광고를 사용 한다면 광고 크기를 PC/휴대폰 따로 따로 지정 할 수 있습니다. 이 부분은 다들 아시지요?   

혹.. 모르시는 분..수정형 반응광고로 만드는 방법


<style>

.Home_Page1 { width:320px; height: 158px; }

@media(min-width: 468px) { .Home_Page1 { width: 320px; height: 158px; } }

@media(min-width: 800px) { .Home_Page1 { width: 336px; height: 280px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Home_Page1 -->

<ins class="adsbygoogle Home_Page1"

     style="display:inline-block"

     data-ad-client="ca-pub-*********"

     data-ad-slot="*********"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>


위는 수정형 반응 광고를 휴대폰엔 320*158 크기로 지정 했습니다. 정책 위반 높이가 250px이상으로 알고 있습니다. 하지만 굳이 158px 하는 이유는 클릭율을 좋게 하기 위해서 입니다. 실수 유도 입니다. 텍스트/이미지로 광고 지정시 일반 이미지 광고는 휴대폰에서 클릭율이 저조 합니다. 텍스트가 더 높은 편이지요. 왜냐면 이미지는 피해서 스크롤 하지만 텍스트는 의식해서 스크롤 할 가능성이 적기 때문입니다. 

규정 크기가 아닌 200*160 짜리 이미지가 나올 확률도 있으니 158로 지정 하면 텍스트가 많이 나옵니다. 아예 텍스트로만 지정하면 되는데 pc에도 텍스트만 나오니 문제가 조금 있습니다. 


휴대폰에 텍스트로 지정 해도 꼭 텍스트만 나오는 것은 아닙니다. 아래와 같은 광고가 생각 보다 더 많이 나옵니다. 구글 플레이의 광고도 많이 나오는데 단가는 좋습니다. 클릭당 200원은 하는것 같더군요. 이런 광고는 차단 하지 마시기 바랍니다.


이번엔 휴대폰엔 텍스트 광고만 나오게 하고 pc엔 이미지 광고만 나오게 하는 방법을 올려 봅니다. 그럴려면 반응형 광고 2개가 필요 합니다. 한개는 텍스트 유형광고...다른 한개는 이미지유형광고로 지정 하고 2개의 반응형 광고를 2개의 수정형 반응 광고로 만들면 됩니다. 그런 다음...


<style>

.Home_Page1 { width:320px; height: 158px; }

@media(min-width: 468px) { .Home_Page1 { width: 320px; height: 158px; } }

@media(min-width: 800px) { .Home_Page1 { width: 0px; height: 0px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Home_Page1 -->

<ins class="adsbygoogle Home_Page1"

     style="display:inline-block"

     data-ad-client="ca-pub-***************"

     data-ad-slot="******************"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

<style>

.Home_Page2 { width: 0px; height: 0px; }

@media(min-width: 468px) { .Home_Page2 { width: 0px; 0px; } }

@media(min-width: 728px) { .Home_Page2 { width: 336px; height: 280px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- Home_Page2 -->

<ins class="adsbygoogle Home_Page2"

     style="display:inline-block"

     data-ad-client="ca-pub-*************"

     data-ad-slot="*************"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>



2개 광고 코드를 연달아 적어 넣으면 됩니다. html에서 넣은 위치는 다들 아시지요? 빨강색 부분에 가로/높이 부분이 opx로 지정 한면 그 광고는 노출이 되지 않습니다. 이런식으로 하면 원하는 크기에 텍스트, 이미지를 마음대로 지정 사용 할 수 있습니다. 


댓글
댓글쓰기 폼