안녕하세요:) 이번 포스팅에서는 애드센스 광고 모바일 테블릿 피씨 광고 크기 다르게하는 방법에 대해서 알아보고자 합니다.
우선 모든 스킨에서 적용된다는 점 참고해주셨으면 합니다.
먼저 div class="entry-content"이 아래 부분이 상단광고가 들어가는 부분입니다.
모바일 테블릿 피시 광고 크기 다르게
모바일 테블릿 피시 광고 크기 다르게
이렇게 적용을 하시면 되겠는데 @media (min-width:0px)이 부분은 모바일 광고 크기 설정입니다.
두번째 줄의 @media 이 부분은 테블릿 광고 스타일 설정입니다.
세번째 줄의 @media 이 부분은 피씨(PC) 광고 스타일 부분입니다.
그리고 이 부분을 상단광고에서 적용시켰기에 하단 광고와 본문 광고에서 적용하실려면 원래 광고코드의 style="display:black;"이 부분과 data-ad-format="auto" 이 부분을 삭제하셔야만 적용이 제대로 됩니다.
<!--모바일 테블릿 피시 광고 크기 다르게-->
<style>
.abc{ display:block;}
@media(min-width: 0px) {.abc{display:inline-block; width: 300px; height: 250px;margin-top:-70px;margin-bottom:10px; } }
@media(min-width: 700px) {.abc{display:inline-block; width: 336px; height: 280px;margin-top:-70px;margin-bottom:10px; } }
@media(min-width: 700px) {.abc{display:inline-block; width: 728px; height: 90px;margin-top:-70px;margin-bottom:10px; } }
</style>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle abc" data-ad-client="ca-pub-★" data-ad-slot="★" data-language="ko" data-full-width-responsive="true"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></center>
<!--모바일 테블릿 피시 광고 크기 다르게-->
이 부분은 저의 상,하단 광고와 본문 광고코드를 숏코드로 만든부분이기에 참고하시면 되겠습니다.
참고로 코드중에서 ＊이 들어간 부분은 코드의 정확도를 위해서 넣은 것이니 빼주시면 되겠습니다.
마지막 썸네일 사진은 모바일에서 보이는 광고입니다.참고하셔서 많은 수익을 올리시기를 바라겠습니다.