애드센스와 블로그수익

티스토리 블로그에 페이지 수준 광고 적용하기

네그나 2016. 11. 6. 12:51

스마트폰으로 검색을 하는게 일상이 된 시대입니다. 유입경로를 보면 모바일로 접속하는 비율이 60%이상이 됩니다. 블로그 운영하는 입장에서도 모바일 기기에 적합한 환경이 되도록 신경을 써야 합니다.


애드센스로 수입을 얻으려면 모바일 맞게 손을 봐줘야 합니다. 모바일 애드센스는 티스토리 플러그인 설정으로 가면 적용할 수 있습니다. 간단하게 설정이 가능하니 설명이 필요 없을 듯 하고. 페이지 광고 수준을 적용하려면 만져줘야 합니다. 페이지 수준 광고는 언론사 사이트에서 많일 볼 수 있는 스크롤 해도 화면 가장자리에 고정되는 앵커 광고와 전체 화면을 사용하는 전면 광고입니다.


애드센스애드센스 모바일 전용 앵커/오버레이 광고



애드센스 모바일 전용 전면광고




페이지 수준 광고는 모바일 환경에서만 나타납니다.만약 티스토리를 모바일로 표시되지 않게 만들었다면, 설정 메뉴에서 스킨 - 모바일 웹 스위치를 on으로 만들어 줍니다.





1. 애드센스에서 페이지 수준 광고 설정


구글 애드센스 내광고 - 페이지 수준 광고로 갑니다.  광고형식에서 앵커/오버레이 광고, 전면광고 켜줍니다.


코드 가져오기를 클릭합니다.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-xxxxxxxxxxxxx",
    enable_page_level_ads: true
  });
</script>

이 광고 코드를 <head> 태그 또는 <body> 상단에 삽입합니다.


2. 티스토리 모바일에 코드 삽입


티스토리 설정 꾸미기 - HTML/CSS 편집으로 가서 <HEAD> 아래에 복사해 줍니다.


3. 페이지 수준 광고 테스트 하기


광고가 정상적으로 출력이 되는지 확인할 수 있습니다.


테스트 하기를 눌러 보면. 원하는 페이지 끝에 #googleads를 입력하면 됩니다. 예를 들어

http://negna.tistory.com/2460/m 페이지라면 http://negna.tistory.com/2460/m#googleads

PC에서는 보이지 않기에 모바일 기기를 사용해야 볼 수 있습니다.


스마트폰을 확인을 해보면. 페이지 광고가 표시됩니다. 언어는 한국어로 바꿀 수 있습니다. 따라다니는 앵커와 보라색 링크를 누르면 전면 광고가 나타납니다.


4. 페이지 수준 광고가 보이지 않는 경우.


정상적으로 설정했음에도 페이지 수준 광고가 나타나지 않는 경우가 있습니다.

1. 브라우저가 지원하지 않음

안드로이드는 기본 Android 브라우저, Chrome, Android용 Opera는 Android 4.0 Ice Cream Sandwich 이상을 실행하는 기기에서 지원되고, Android용 Firefox는 지원되지 않습니다.
Opera Mini는 지원되지 않습니다.


아이폰/아이패드에서는 Opera Mini는 지원되지 않습니다.


2. 기기가 세로 모드일 때만 지원합니다.


3. 뷰포트가 320~420픽셀 사이가 아닙니다. 아이패드 미니로 보니 페이지 수준 광고를 확인할 수 없었습니다.



페이지 수준 광고가 얼마나 효과적인지는 모르겠습니다. 광고 효과는 PC가 가장 좋은 것으로 알고 있지만 모바일 페이지를 사용한다면 그나마 도움이 되지 않을까.


반응형