구글 애드센스
구글 애드센스는 구글이 제공하는 광고 서비스로, 웹사이트 소유자들이 자신의 사이트나 앱에 광고를 게재하여 수익을 창출할 수 있는 플랫폼입니다. 이 서비스는 광고주들이 웹사이트나 앱의 콘텐츠와 관련된 광고를 게재할 수 있도록 하고, 소유자들에게는 광고 수익을 얻을 수 있는 기회를 제공합니다.
반응형 광고
반응형 스킨을 사용하실 때 어떤 애드센스 코드를 사용하시고 계신가요?
반응형 애드센스 광고를 만들 때 기본값으로 제공하는 스마트 크기를 사용하시는 사용자, 고급형 코드를 사용하는 사용자 또는 스마트, 고급 코드를 사용하는 사용자 등 다양하게 반응형 애드센스 광고를 수동 설정해서 운영하실 텐데 스마트 코드를 사용하는 사용자를 위해 한 가지 중요한 정보를 드릴까 합니다.
고급코드를 사용하면 이용자가 접속하는 화면사이즈에 따라 입력된 사이즈로 광고가 나옵니다. 아래 코드는 제가 사용하는 반응형 애드센스 스마트 소스입니다.
광고 스크립트
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 반응형 상단 노출 광고 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9xxxxxxxxxxxxxxxxx"
data-ad-slot="56xxxxxxx4"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
data-ad-format="auto" 이 명령줄이 크기에 아주 중요한 부분입니다. 애드센스 크기 조정을 못하는 스마트 소스는 data-ad-format="auto"를 이용해 광고를 조절할 수 있습니다. 요즘은 반응형에 적용되어 나오는듯하지만 직접 소스를 수정하실 때 좋은 Tip입니다.
치환 코드
data-ad-format= 다음에 오는 치환 코드를 알려드리겠습니다.
- rectangle - 직사각형 형태.
- vertical - 수직 형태.
- horizonta - 수평 형태.
위 3가지로 조합하시면 됩니다. 쉼표로 조합 구분하여 "rectangle, horizontal" 형태로 구현할 수 있습니다. 노출되는 PC 또는 모바일에 따라 상태가 변하게 수정도 가능합니다.