Google Blogger에 AdSense 페이지수준 광고(Page-Level Ads) 게재하는 방법

Google Blogger에 AdSense 페이지수준 광고(Page-Level Ads) 게재하는 방법

AdSense에는 Page-Level Ads라고 하는 페이지 수준 광고가 있습니다.

페이지 수준 광고는 블로그에 HTML 광고 코드를 삽입하면 모바일에서 블로그에 접속할 때 하단에 광고가 표시되는 앵커/오버레이 광고, 모바일에서 페이지가 로드 될 때 전면에 광고가 나타나는 모바일 전면광고가 표시되도록 하는 광고입니다.

페이지수준 광고는 애드센스 페이지의 내 광고에 가서 광고형식을 선택하고 코드를 가져올 수 있습니다. 이렇게 가져온 코드를 블로그에 삽입하면 되는데 애드센스 도움말 페이지에는 다음과 같이 코드를 삽입하라고 되어 있습니다.

  

그런데 문제는 이런 방식이 Google Blogger에서는 적용이 되지 않는다는 것입니다.

Blogger의 관리페이지에서 테마, HTML 설정에 가서 광고코드를 넣으면 아래와 같이 오류 메시지가 뜨면서 저장이 되지 않습니다.

XML을 구문분석하는 중 오류 발생(13행, 15열): Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.

구글에서 제공하는 광고서비스인 AdSense가 구글의 Blogger 서비스에 구글에서 안내한 방법대로 적용이 되지 않는다는 아이러니한 일이 발생하는 셈입니다.

그래서 여러 가지 방법을 시도해 봤는데, 의외로 쉽게 문제가 해결되었습니다.

결론은 블로거의 대쉬보드, 레이아웃으로 들어가서 HTML/JavaScript 가젯을 추가하면 됩니다.

가젯은 헤드, 메인, 사이드바 어디든 관계가 없으며, HTML/JavaScript 가젯에 페이지수준 광고코드를 넣고 가젯 추가를 하시면 이제 Blogger에서도 Google AdSense의 Page-Level Ads를 게재하고 이용할 수 있습니다.

이상으로 Blogger에 Google AdSense의 Page-Level Ads를 게재하는 방법을 소개해 드렸습니다.