l3khub.com

블로그스팟 사이드바에 애드센스 광고 넣기

블로그스팟 블로그로 애드센스 승인을 받은 후, 보통 포스팅 본문 상단과 하단에 광고를 삽입하지만 여백이 많은 사이드바에는 광고를 삽입하지 않는 분들이 많습니다. 이 글에서는 블로그스팟에서 제공하는 테마중 사이드바가 있는 테마에 광고를 삽입하는 방법을 알아보겠습니다. 

블로그스팟-사이드바에-애드센스-광고-넣기

블로그스팟 사이드바에 애드센스 광고 넣기




블로그스팟으로 수익형 블로그를 운영하시는 분들중에 포스팅 글의 본문에만 광고를 삽입하시는 분들이 있습니다. 이럴경우 자동광고를 설정해 놓더라도 여백이 많아 광고를 넣기 좋은 사이바는 그대로 방치되게 됩니다. 너무 아깝죠. 이 글에서는 블로그스팟의 테마들중 사이드바가 있는 테마에 수익형 광고를 삽입하는 방법을 알아보겠습니다.

아래 화면은 블로그스팟에서 제공하는 기본테마에 광고가 있는 것과 없는 것의 차이입니다.
왼쪽은 사이드바에 여백을 그대로 방치해 둬 휑하지만, 오른쪽은 그 부분을 광고로 채워 아까운 공간을 낭비하지 않고 효율적으로 활용하고 있습니다.

블로그스팟-사이드바에-광고-추가전과-후

1. 애드센스에서 수직형 광고 단위 만들기

블로그스팟 블로그의 사이드바에 수직형 광고를 삽입하려면, 애드센스에서 해당 광고단위를 생성하고 코드를 복사해야 합니다. 
애드센드에 로그인한 후 아래와 같이 광고 → 광고 단위 기준에서 디스플레이 광고를 클릭합니다. 

애드센스에서-디스플레이-광고-클릭

새 디스플레이 광고 단위 생성에서 수직형을 선택하고, 광고 단위  이름에 원하시는 이름을 입력합니다. 그리고 광고 크기는 반응형으로 두시고, 만들기를 클릭합니다. 반응형은 사이드바의 폭에 따라 광고의 크기가 자동으로 조정됩니다.

애드센스에서-디스플레이형-수직형-광고-생성

위에서 “만들기”를 클릭하면 아래와 같이 광고 코드가 생성되는데 여기서 생성된 코드를 노트패드 등에 복사합니다. 

생성한-수직형-광고-코드-복사

2.레이아웃 가젯 추가 

사이드바에 광고를 삽입하기 위해 블로그스팟에서 레이아웃으로 들어갑니다.
가젯 추가를 눌러 "HTML/자바스크립트"를 추가합니다.

레이아웃-가젯추가-HTML/자바스크립트-추가

아래와 같이 HTML/자바스크립트 구성이 나오는데 “제목”에는 여러분이 원하는 제목을 입력하거나 공백으로 두시고, 콘텐츠에는 위에서 복사해 뒀던 애드센스 광고코드를 붙여넣기 한 후 저장을 클릭합니다. 

애드센스에서-복사한-광고코드를-컨텐츠에-붙여넣기

HTML/자바스크립트가 추가되면 해당 가젯을 드래그하여 아래로 이동시키 후, 오른쪽 하단에 있는 디스켓 모양을 눌러 저장하면 됩니다. 
이렇게 하면 첫번째 그림 오른쪽과 같이 사이드바에 광고가 나오는 것을 보실 수 있으실 겁니다.  

생성한-사이드광고-가젯을-맨밑으로-이동


오늘은 블로그스팟 블로그의 사이드바에 광고를 삽입하는 방법에 대해서 알아보았습니다. 사이드바에 있는 여백을 그대로 두지 않고 광고를 삽입하면 광고노출이 더  많아지기 때문에 광고 수입에 도움이 될 수 있습니다. 블로그스팟으로 수익형 블로그를 운영하시는 분들이라면 꼭 적용해 보세요.








To Top