l3khub.com

초보자를 위한 블로그스팟에 수동 광고코드 넣기

블로그스팟에 애드센스를 연결한 후 애드센스 승인을 기다리는 동안에도 광고 코드를 미리 블로그에 삽입하면 승인 후에 즉시 수익을 창출할 수 있기 때문에, 처음부터 광고 코드를 블로그 글에 넣는 것이 좋습니다. 이번 글에서는 블로그에 광고 코드를 삽입하는 방법에 대해 상세히 설명하겠습니다.

블로그스팟에-애드센스-광고코드-넣기-썸네일

초보자를 위한 블로그스팟에 수동 광고코드 넣기 




블로그스팟에 애드센스를 연결한 후 애드센스 승인이 나기 전에도 광고코드를 미리 넣어 놓으면 승인후 바로 수익을 날 수 있기 때문에 가능한 처음부터 광고코드를 블로그 글에 삽입해 놓는 것이 좋습니다. 이번 글에서는 블로그에 어떻게 광고코드를 삽입하는지 설명하도록 하겠습니다. 

1. 애드센스 가입후 블로그스팟과 연결하기

블로그스팟을 가입한 구글ID로 애드센스에 가입을 하였다면 블로그스팟에 들어가서 "수익"을 클릭하면 아래와 같이 애드센스에 연결할 수 있는 버튼이 있는데 이것을 클릭하면 애드센스와 연결됩니다. 

구글-애드센스-연결버튼-클릭

2. 광고 헤더코드 가져오기 및 블로그스팟 테마에 삽입하기
블로그스팟에 애드센스를 연결하였다면 애드센스에 들어가서 "광고"를 클릭한 후 "코드 가져오기"를 클릭합니다. 

애드센스-광고코드-가져오기

코드 가져오기를 클릭하면 아래와 같이 HEAD에 삽입할 코드를 확인할 수 있는데 "코드 복사"를 클릭하여 코드를 복사합니다. 

블로그-테마에-넣을-광고코드-복사

코드를 복사하였다면, 블로그스팟으로 이동해서 "테마" → "HTML 편집"을 클릭합니다. 

광고코드-삽입을-위한-테마수정

테마의 "HTML 편집" 화면에서 아래와 같이 <head> 밑에 방금 복사한 코드를 붙여넣기 한후 오른쪽에 있는 디스켓 모양을 클릭하여 저장합니다. 이 코드는 하나의 포스팅에 몇개의 광고가 있더라도 한번만 실행되면 되기 때문에 테마에 삽입한 것입니다. 

테마-HTML-코드에서-광고코드-삽입

2. 광고단위 만들기 및 코드 복사하기 

블로그스팟에 수동광고를 삽입하려면 광고단위를 만들고 코드를 복사해야 합니다. 

애드센스-광고단위-만들기

위에서 가장 많이 사용하는 디스플레이 광고를 클릭하고 원하는 광고를 선택한 후(저는 수평형을 선택했습니다) 광고 단위 이름을 입력하고 만들기를 클릭합니다. 

애드센스-상단수평형-광고코드-생성

저는 아래와 같이 4개의 광고 단위를 만들었습니다. 이렇게 4개를 만든 이유는 내 블로그에 들어온 분들이 어느 위치의 광고를 가장 많이 클릭하는지를 파악하기 위해서 입니다. 즉, 수동으로 광고코드를 삽입할 때 상단에는 상단-수평형을, 블로그 중간에는 중간-수평형을, 그리고 하단에는 하단-사각형을 삽입함으로써 어느 위치에 광고를 삽입하는 것이 가장 효과적인 파악할 수 있게 됩니다. 

이 글에서는 4개의 광고단위중 상단-수평형을 예로 들어 수동 광고를 삽입해 보도록 하겠습니다. 아래에서 빨간색 박스 부분을 클릭하면 해당 광고단위의 광고코드를 볼 수 있습니다. 

만들어진-광고코드-보기

위의 빨간색 부분(광고 코드가져오기)를 클릭하면 아래와 같이 광고코드가 나오는데 여기서 모든 코드를 복사할 필요는 없습니다. 파란색 부분은 이미 테마 HTML에서 <head>에 삽입했으므로 제외하고 빨간색 부분만 복사를 합니다. 

만들어진-광고코드-복사하기

광고코드를 복사하였다면 블로그스팟에서 광고를 삽입할 글을 선택하거나 "새 글"을 클릭한 후 아래와 같이 광고를 넣을 부분에 "[광고]" 라고 표시를 합니다. 

블로그-새글쓰기에서-광고위치-표시

광고를 넣을 부분을 표시하였다면 "HTML 보기"로 들어가서 Ctrl+F를 누른 후  "[광고]" 를 입력하고 엔터를 누르면 "[광고]" 부분이 노란색으로 표시가 됩니다. 

HTML보기-화면에서-광고코드-삽입위치-찾기

<div>[광고]</div> 라고 되어 있는 부분에서 "[광고]" 부분을 마우스로 선택한 후 위에서 복사한 광고코드를 아래와 같이 삽입하면 수동으로 광고코드 삽입이 완료된 것입니다.  

HTML보기-화면으로-전환후-광고코드-삽입


오늘은 위와 같이 블로그스팟에 수동으로 애드센스 광고코드를 삽입하는 방법에 대해서 쉽게 이해하도록 설명을 하였습니다. 이 글이 여러분이 블로그를 하시는데 도움이 되었기를 바랍니다. 



To Top