스케치북5 게시판 1.7.2버전과 코어 1.8.17에서 아래 코드를 삽입하면 모바일에서는 보여지고~~ 데스크탑에서는 감춰지는데요..
(아래 코드는 애드센스 측에서 안내하는 코드를 약간의 변형했는데 스케치북5 에서 잘 작동이되는거 같습니다.
구글 애드센스 측에서는 규칙만 맞으면 문제가 되지 않는다고합니다.)
저는 반대로 모바일에서는 감춰지고.. 데스크탑에서 보여지게~~ 해보려하는데 아래 코드에 어는 부분을 수정하면 될까요?
고수님들 의 답변 부탁드립니다... 쌩 초보라서...
아래 코드는 모바일에서 보여지고 데스크탑에서 감춰지는게 되는것 같은데 혹시 잘못된 부분이 있으면 조언 부탁드립니다.
추가로 아래 코드로는 익스플로러 낮은 버전에서는 작동이 되지 않는것 같습니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<div style="text-align: center;"><style type="text/css">
.uto-21 { display:inline-block; width: 100%; height: 100%; }
@media (max-width:500px) { .uto-21 { width: 100%; height: 100%; } }
@media (max-width:800px) { .uto-21 { width: 100%; height: 100%; } }
@media (max-width:1059px) { .uto-21 { width: 100%; height: 100%; } }
@media (min-width:1060px) { .uto-21 { display:none } }
</style>
<ins class="adsbygoogle uto-21"
data-ad-client="ca-pub-22551765XXXXXX0"
data-ad-slot="5XXXXXX2625"
data-ad-format="auto"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div>
# 잡담 - 트위터에서 오늘 본 글인데 참 심오합니다.
자살을 거꾸로 읽으면 살자가 되고,
역경을 거꾸로 읽으면 경력 이 되고,
인연을 거꾸로 읽으면 연인이 되고,
내 힘들다를 거꾸로 읽으면 다들 힘내가 돼요.
모든 일은 내가 어떻게 생각하느냐에 달린 거예요.
오늘 비가 참 많이도 옵니다.....
댓글 3
위 부분 같은 경우는 차라리 스케치북이니 모바일과 데스크탑 게시판을 두개로 운영하는게 좋지 않을까요 반응형이다 보니 한개로 운영하기 보단 두개로 운영해서 모바일은 순정으로 데스크탑에서는 광고소스만 원하는 위치에 개재하면 될듯 합니다만..
위치를 제가 지정해보려고 합니다...
게시물 마다 일괄적인 위치가 아니여서 애드온 으로 처리하기는 좀...
자문 자답입니다... 구글링에서 찾았습니다.
# 화면 폭당 정확한 광고 크기의 예
기기별로 반응형 사이트에 가장 잘 맞는 정확한 광고 단위 크기를 알고 있는 경우, CSS3 미디어 쿼리를 활용해 반응형 광고 단위의 크기를 설정할 수 있습니다. 다음 예를 통해 CSS3 미디어 쿼리를 사용하여 광고 코드를 수정하는 방법을 알아봅니다.
<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
style="display:inline-block;"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
@media 규칙은 CSS3 구문이며, 모든 최신 브라우저에서 지원됩니다. Internet Explorer 7 이하 버전과 같은 이전 브라우저를 지원하려면 먼저 기본 크기를 지정해야 합니다. 그러면 미디어 쿼리가 지원되지 않을 때도 광고가 게재됩니다. 외부 스타일시트에서 CSS로 광고 코드의 크기를 설정하는 기능은 공식적으로 지원되지 않습니다.
# 광고 단위 숨기기
경우에 따라 게시자가 광고를 게재하고 싶지 않을 수 있는데, 특히 화면이 작은 휴대기기를 게재 대상 기기에서 제외하고 싶을 수 있습니다. 광고 단위를 숨기려는 경우 광고 요청이 발생하지 않고 광고가 게재되지 않도록 CSS 미디어 쿼리를 사용하여 매개변수를 설정할 수 있습니다. 다음은 광고 코드를 수정하는 방법을 보여 주는 예입니다.
특정 화면 크기에 대해 광고를 숨기는 광고 코드의 예
특정 화면 크기에만 광고를 게재하려면 CSS를 사용하면 됩니다. 다음 예는 CSS3 미디어 쿼리를 사용하여 특정 화면 크기에 대해 광고를 숨기도록 광고 코드를 수정하는 방법을 보여 줍니다.
<style type="text/css">
.adslot_1 { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
이 예에서는 화면 폭이 400픽셀 미만인 경우 광고가 게재되지 않습니다.
- 출처 : 구글 애드센스 -