블로그에 광고소스 달기

티스토리 블로그에 광고다는 방법을 간단하게 설명하겠습니다.

10년전에는 웹프로그램도 조금 해본적도 있지만 기억도 가물가물해서 사실 저도 처음에 티스토리 하면서 좀 애를 먹었습니다. 아직도 잘 모르고요. ㅋㅋ

저는 블로그 고수도 아니고 이제 겨우 두세달 블로그 경력을 가지고 있고 광고수익도 파워블로거들에 비하면 정말 조족지혈입니다. 이 포스팅은 광고는 이렇게 단다는 것을 설명하는 글이지 광고를 어떻게 배치하고 전략을 세워 돈을 벌지는 자신의 능력에 달려있는 문제입니다.
처음부터 끝까지 밑도 끝도없이 하는 설명은 지양하고, 그냥 간단하게 본문에 광고를 삽입하는 방법 위주로만 설명합니다.

 

우선 기본적으로 구글 애드센스나 링크프라이스, 알라딘 등에서 광고소스는 가져왔다는 가정하에 관리자의 html을 편집하는 방법을 설명드리겠습니다.

광고를 달기 전에 먼저 명심해야 할 것 두가지만.

1. 모르면 html에 손대지 마라. 잘 못 손대었다가 블로그가 엉망이 되는 수가 있다. 우선 다른 블로그 광고 유경험자들에게서 배워라.
2. Html에 손대기 전에 항상 데이터를 백업해둔다. Html에 손을 대던 안대던 당연한 말이겠지요.
   그것이 귀찮으면 그냥 간단하게 html을 복사해서 메모장에 저장해 둔다.

(참고로, 글을 편집할 때 Ctrl + a 는 모두 선택, Ctrl + c는 복사, Ctrl + v는 붙여넣기 입니다. 기타 윈도우즈에 쓰이는 단축키를 알고 싶으면 여기를 누르세요 --> 윈도우즈 단축키 사용법 )

블로그에 주로 달 수 있는 곳은 화면 최상단 타이틀 쪽이나 화면 양 사이드 , 그리고 포스팅 본문(상,하, 중간), 초기화면 등 찾아보면 많습니다.

우선 아셔야 할 것은 관리자화면에 있는 html(편의상 "메인 html"이라고 하겠습니다)은 본인의 포스팅(편의상 "포스팅 html"이라고 하겠습니다) 모두에 기본적으로 들어가는 형식이라고 보면 됩니다.
따라서, 메인html에 광고소스 A를 집어넣으면 어떤 포스팅 글을 작성하든 공통적으로 포스팅 중간에 A라는 광고가 뜹니다. 위치는 본문 상단 또는 하단에 들어갑니다. 그렇지 않고 각각의 포스팅마다 다른 광고를 넣고 싶다면 "포스팅 html"을 손보셔야 합니다. 예를 들어, 메뚜기요리라는 포스팅을 작성했는데 여기에 메뚜기광고를 하고싶으면 그 광고소스 B를 "포스팅html"에 어딘가 원하는 곳에 삽입하면 됩니다. 상대적으로 "메인 html"에 비해 광고 삽입 위치에 있어서 자유롭다고 할 수 있겠습니다. 맘대로 구성할 수도 있고요.
중간에 반말체로 바뀌어도 이해해주시기 바랍니다. ㅎㅎ

 

<관련 포스팅>
블로그에 링크프라이스, 알라딘 등 광고 달기   http://naturis.tistory.com/594
애드센스 - 위치별 광고 달기   http://naturis.tistory.com/464
블로그에 광고소스 달기   http://naturis.tistory.com/225

[메인html에 광고 달기]

가칭 "메인 html"은 광고를 따로 손대지 않고 모든 포스팅에 일률적으로 적용하고 싶은때 유용하다.

1. 관리자 화면으로 들어간 후 스킨 메뉴의 " HTML/CSS 편집" 항목을 선택한다.

2. HTML/CSS 편집 항목에서 아래 사진과 같이 skin.html 부분의 소스 코드가 광고를 넣을 그 대상이다.

3. html 중간에 </div> <div class="article">   [＃＃_article_rep_desc_＃＃]   </div>  
라고 쓰여진 부분을 찾으면 되는데 이 소스코드를 경계로 위 아래로 광고소스를 넣게 되는데 위 부분에 넣으면 본문상단광고, 아래부분에 넣으면 본문하단광고로 광고가 뜨는 것이다.

그 소스부분을 자세히 보면 아래와 같다.
(우선 알아야두면 좋은 것은 "<!--  "  로 시작해서  "-->" 로 끝나는 부분은 주석으로서 사용자가 편의상 코드 설명을 위해 삽입한 부분으로서 소스코드에 전혀 영향을 주지 않는 부분이다. )

<!-- 예제 소스 시작~  -->

<!-- 상단 광고(구글 2개)  -->

<div style="float:left; margin=0 0 10px 10px">

<script type="text/javascript">

</script>

google_ad_client = "xxxxxxxx";

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

<br>

</div>

 
<div style="float:right; margin=0 0 10px 10px">

<script type="text/javascript">

google_ad_client = "xxxxxxxx";

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

<br>
<!-- 상단 광고 끝  -->

<div class="article">

[＃＃_article_rep_desc_＃＃]

</div>

<!-- 하단 광고 (링크프라이스)-->

<div><a onmouseover="window.status='http://www.lgfashionshop.co.kr/lgfsfront/display.do?
~생략 ~
 width="1" height="1" border="0" nosave style="display:none"></div>
<!-- 하단 광고 끝 (링크프라이스)-->

<!-- 소스 끝~  -->

위에서 보면 </div> <div class="article"> [＃＃_article_rep_desc_＃＃]" </div> 부분 위 쪽에 구글 광고 2개가 아래 쪽에 링크프라이스 광고가 자리하고 있는데, 구글 광고 2개는 어떤 포스팅을 하든 포스팅 상단에 뜰 것이며, 링크프라이스 광고는 어떤 포스팅을 하든 포스팅 하단에 뜰 것이다.
즉, 아래와 사진과 같이 광고가 뜬 다는 말이다.
아래 사진의 상단의 빨간 동그라미가 구글광고 2개, 하단의 파란 동그라미가 링크프라이스 광고이다.

참고1.  위 코드에서 상단의 2개의 구글 코드는 1행 2열의 표에 좌우로 배치한 것임.

참고2. 광고를 여러개 달거나 다른 회사의 광고를 위 아래로 섞어 달면 서로 충돌하는 경우가 있는데 그럴 경우를 대비해서 광고 소스의 시작과 끝을 <div>와 </div>로 맺어주면 좋습니다. 즉, 위의 하단광고 소스(링크프라이스)의 경우 <div> 링크프라이스 소스부분 </div> 이런 식으로 둘러 싸라는 말입니다.

[포스팅html에 광고 달기] 

가칭 "포스팅html"은 원하는 포스팅의 글에 원하는 위치에 광고를 삽입하려고 할 때 유용하다.

1. 원하는 포스팅 본문의 수정화면으로 들어가며 아래와 같이 우측 상단에 html 이라는 체크항목이 나온다. 그곳을 체크한다.

2. html항목을 체크하면 아래와 같이 html 코드 형태로 글이 나타난다. 이 html 코드에서 원하는 위치에 광고소스를 삽입하는 것이다.

3. 아래는 포스팅 중간 어느 곳에 광고를 삽입한 경우이다. 어느 위치에 삽입할 지, 표를 만들어 삽입할 지 등은 블로거 맘이다. 아래 사진은 구글 광고를 중간 삽입.

 

4. 삽입한 부분을 실제 포스팅으로 보면 아래처럼 포스팅 중간에 구글 광고가 뜬다.

 

 [블로그 양 사이드에 광고 달기] 

 관리자 모드에서 "스킨" 메뉴의 "사이드바 설정"을 보시면 'html 배너출력'이란 부분이 있는데 그 부분을 사이드바에 추가해서 편집하면 됩니다. 즉, 편집을 눌러서 광고소스를 붙여넣기 하면 됩니다. 세부적인 사진은 생략하겠습니다. 주의하실 것은 아래와 같이 구글 광고를 달았다고 해도 구글 광고가 화면에 표시되는 것은 3개로 제한되어 있기 때문에 대부분의 경우에 아래사진의 구글 광고는 표시되지 않습니다. 구글 광고는 본문의 광고 우선이므로 사이드바의 광고는 우선 순위가 낮기 때문입니다. 아래 구글광고는 예외적인 경우를 위해 그냥 달아놓은 것입니다.
 

 

 [블로그 초기화면에 광고 달기] 

초기화면에 광고다는 것도 위에서 설명한 사이드바에 광고달기 비슷합니다. 테터디스크 사용법을 기본적으로 안다는 가정하에 설명 하겠습니다.
초기화면 우측 상단에 있는 태터디스크 설정화면을 클릭해서 아래 사진과 같이 "html 직접입력하기" 아이템을 배치한 후 광고소스를 붙여넣기 하면 됩니다.

이상으로 광고소스 넣는 방법에 대한 설명을 마칩니다.
그리고, 블로그 광고를 시작하시려면 일단 링크프라이스를 먼저 시작하는 게 좋을 듯 합니다. 가장 많이 이용하는 어플리에이트 회사이고 다른 블로그들의 도움 받기도 가장 손쉬울 듯 하네요...

링크프라이스 바로가기

저도 이 분야에서 초보인지라 좀 부족한 글일수도 있지만 최대한 쉽게 설명하려고 나름 노력했습니다. 포스팅을 읽는 도중 해깔리지 않도록 포스팅 중간에는 전혀 광고를 삽입하지 않았구요. (사실은 귀찮아서 중간에 잘 안 넣습니다 ^^;  )
원래는 더욱 간단히 하려고 1시간 만에 포스팅을 끝내려 했는데 글이 길어지는 바람에 포스팅 시간이 늘어났습니다. 그 때문에 마지막 설명은 좀 간단하게 한 면이 있긴 합니다만 그 정도는 충분히 하실 수 있으리라 생각합니다. 그래도 모르시겠으면 댓글 달아주시면 포스팅을 추가하여 수정하겠습니다.

제 블로그가 마음에 드시면 추천 또는 구독+해 주세요