구글 블로그, 애드센스 페이지 수준 광고 (페이지 레벨 애드 Page-Level Ads) 넣기와 작동 테스트 하는 방법

애드센스의 새로운 페이지-레벨 애드를 구글 블로그에 게시하려면, 블로그의 HTML/JavaScript 가젯을 사용하면 된다.


1. 구글 블로그에 페이지-레벨 광고 코드 넣기

페이지-레벨 애드의 안내문을 보면, HTML의 <head>나 <body>태그 아래에 광고코드를 삽입하라고 되어 있다 (자세한 것은 애드센스 안내문을 참조 하세요).
구글 블로그에서는 HTML 편집창에서 광고코드를 직접 넣으면 오류메시지가 뜨고 저장이 되지 않으므로 그렇게 할 수가 없지만, HTML/JavaScript 가젯을 통해 간편하게 삽입할 수 있다. 방법은

=> 애드센스 계정에서 페이지-레벨 광고를 활성화 한 다음, 광고코드를 복사한다
=> 블로그의 대시보드 > 레이아웃(Layout) > 가젯추가 (Add a Gadget) > HTML/JavaScript 가젯을 선택한다
=> 복사한 광고코드를 넣고 저장을 하면 된다.


2. 광고가 제대로 게시되는지 확인 하기
구글 블로그, 애드센스 페이지 수준 광고 (Page-Level Ads) 넣기와 작동 테스트 하는 방법

일반적인 광고는 광고코드를 넣고 블로그로 가면 바로 볼 수 있으므로 확인이 가능하지만, 비녜트 광고 (Vignette ads)는 페이지가 로드되는 막간에 보여지므로 확인이 어렵고, 아래와 같이 확인할 수 있다.

블로그에 접속할 때 주소(URL) 뒤에 #goolgeads 를 붙여서 접속한다. 즉,
http://블로그 주소#goolgeads 의 모양이 된다.

이 블로그를 예로 들면, 이 블로그의 주소는 http://howways.blogspot.com 이므로,
http://howways.blogspot.com#goolgeads
로 접속하면 된다.

그러면, 그림과 같이 블로그 상단에 페이지-레벨 광고가 정상적으로 게제 되는지 여부를 알려주는 안내문이 표시된다.


3. 페이지-레벨 광고 활성화와 광고코드 복사하기

=> 애드센스 계정으로 가서, 내광고(My ads) > 페이지-레벨 광고를 선택하면, 아래 그림과 같은 광고설정페이지가 열린다.
=> 그림과 같이 광고 활성화 버튼을 눌러 활성화 시킨다
=> 맨 아래에 있는 [Get Code] 버튼을 누르면 광고코드가 표시되며, 이는 이전의 일반 광고와 마찬가지로 복사하면 된다.

[페이지-레벨 애드 설정과 코드 복사]
구글 블로그, 애드센스 페이지 수준 광고 (Page-Level Ads) 넣기와 작동 테스트 하는 방법

구글 블로그, 애드센스 페이지 수준 광고 (Page-Level Ads) 넣기와 작동 테스트 하는 방법
4. 참고: 구글블로그 HTML/JavaScript 가젯 추가하기

=> 블로그의 대시보드 > 레이아웃 (Layout) 페이지로 간다
=> 가젯추가(Add a Gadget) 링크버튼을 누르면 그림과 같이 가젯을 추가하는 창이 뜬다.

가젯추가 링크버튼은 헤드, 메인, 사이드바, 푸트 등 여러 곳에 있으며, 그 가운데 어느 것이든 상관이 없으므로 편한대로 선택해서 하면 된다.


도움이 되기를 바랍니다.