애드센스 앵커 광고란
애드센스 페이지 수준 광고에서 앵커 광고를 설정하면
모바일에서 하단뿐만 아니라 상단에서도 광고가 게재가 됩니다.
이런식으로 말이죠
수익면에서 상, 하단 랜덤으로 뜨는 앵커 광고가
큰 도움을 줄지도 모릅니다만,
이 상단으로 뜨는 앵커 광고가
저같이 FastBoot 스킨을 사용하는 사람에게는 치명타를 주고 있습니다.
무엇이 문제인지 살펴보자면
블로그 모바일에서 저 상단 앵커의 광고가 뜨면서
모바일 상단에 있는 메뉴 부분을 덮어버리는데
여기서 이 광고를 최소화해도 메뉴 부분 터치가 먹통이 되는 현상이 발생합니다.
새로 고침을 하면 다시 메뉴를 사용할 수는 있으나
상단 앵커가 뜰 때마다 새로 고침을 하는 것은 큰 불편이 아닐 수 없습니다
바로 이 문제를 해결하기 위해
상단 앵커를 없애 모바일에서 메뉴를 살리고
하단 앵커만 뜨는 방법에 대해서 알아보고자 합니다
상단 앵커 없애는 방법
사실 이런 상단 앵커 없애는 방법은
애드센스에서 정식적인 해결 방법을 내놓았습니다.
그러니 어떤 불이익도 없는 합법적인 방법이라 명시를 해 둡니다
상단 앵커를 없애는 방법은 생각보다 아주 간단합니다.
앵커 광고 코드에 overlays: {bottom: true} 만 추가하면 끝입니다.
알기 쉽게 실전으로 가볼까요?
이번 애드센스에서 자동 광고가 나오면서 페이지 수준 광고 설정하는 부분이 없어졌습니다..
그래서 자동 광고 부분에서
앵커 광고 설정을 해주시고 저장해 주신 다음에 코드를 가져옵니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-xxxxxxxxxxx",
enable_page_level_ads: true
});
</script>
(어디까지 참고적인 코드이므로 이걸 복사하셔서는 안됩니다!!)
이런식의 코드에 아까
overlays: {bottom: true} 코드를 넣어주면
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-xxxxxxxxxx",
enable_page_level_ads: true,
overlays: {bottom: true}
});
</script>
이렇게 됩니다.
여기서 주의사항으로 enable_page_level_ads: true 뒤에 꼭 , (콤마) 를 넣어줘야 합니다
콤마를 넣지 않으면 광고가 뜨지 않습니다 !!!
,overlays: {bottom: true}
이렇게 앞에 콤마까지 꼭 !! 복사 x 붙여넣기를 당부드립니다
그리고 자신의 <head> 밑에
이 코드를 넣어주면 하단에만 앵커가 뜨는 모바일 화면을 확인하실 수 있을겁니다.
참고 자료 : https://support.google.com/adsense/answer/7478225?hl=ko
댓글