티스토리에 에드센스 광고 코드 삽입하기.태그 연습장

많은 블로거들이 티스토리를 이용해서 애드센스 광고를 삽입하여 수익을 얻기도 합니다.

일상생활에서 함께 소통하는 블로그 공간을 활용한 것이지요.

소소한 이야기와 정보를 나누면서 용돈을 얻을 수 있어 좋습니다.

 

타인의 블로그를 방문했을 때 블로그 상단에 광고가 2개 배치되어 있는 것을 자주 접했을 겁니다.

이런 방식은 티스토리에 최적화된 광고코드 삽입 유형이라 할 수 있죠.

방문자가 원하는 정보와 함께 광고를 편안하게 누를 수 있는 요건이라 생각합니다.

 

그래서 오늘은 구글 애드센스 광고를 티스토리에 다는 방법에 대해 알아보겠습니다.

그 중에서 블로그 상단에 2개의 광고를 배치하는 방법입니다.

 

 

 

구글 애드센스에 들어가면 '내 광고' 메뉴가 있습니다.

여기를 보면 '새 광고 단위'에서  광고 코드를 가져올 수가 있습니다.

 

 

 

 

일반적으로 게시글에 게재하는 광고 크기는 336x280가 좋습니다.

광고유형으로는 텍스트와 디스플레이 광고가 번갈아 진행되는 방식을 추천합니다.

디스플레이 광고만을 진행하면 광고단가가 떨어져서 수익에 못미치는 경우가 있기 때문이죠.

 

 

위에서 고른 336x280 단위의 미리보기 화면입니다.

아래의 설명에 나와있듯이 우수한 실적을 낼 수 있다는 내용을 볼 수 있습니다.

 

 

 

그러면 광고를 티스토리에 넣기 위하여 해당 코드를 마우스 우클릭하여 복사해서 준비합니다.

새단위 광고를 생성하면 애드센스 삽입을 하였더라도 보통 10분 정도의 갱신 시간이 필요합니다.

티스토리에 광고를 넣었다하여 곧바로 진행되지 않을 수 있으므로 10분간 기다려야 합니다.

 

 

 

 

<!--구글 애드센스 시작-->

<table border=0 width=100% cellspacing=0 cellpadding=0>
<tr>
<td width=50% align="center">

 

애드센스 광고코드 상단 1번 삽입
 
</td>
<td width=50% align="center">

 

애드센스 광고코드 상단 2번 삽입
 
</td>
<tr>
</table>

<!--구글 애드센스 끝-->

 

 

위에 보이는 HTML 코드는 애드센스 광고를 쉽게 사입할 수 있는 2단형 코드입니다.

배치 순서는 티스토리 게시글 상단에 2개로 나열되어 나타나게 됩니다.

해당 코드를 붙여서 활용할 수 없으므로 미리 준비한 아래의 메모장을 이용하시면 됩니다.

 

 

구글 애드센스 광고 상단 배치 코드.txt

 

 

 

 

 

 

다음으로 티스토리 관리모드에 들어갑니다.

글 꾸미기 메뉴에 HTML/CSS 편집을 누르면 'skin.html'을 편집하는 화면이 나옵니다.

 

 

키보드의 Ctrl+F 키를 눌러서 article_rep_desc를 본문에서 찾습니다.

앞에서 복사해 놓은 광고코드를 article_rep_desc 위에 붙여넣기 합니다.

HTML/CSS를 잘 못 건드리면 티스토리 스킨에 문제가 발생할 수 있므로 미리 HTML을 저장해 놓는 것도 좋습니다.

 

 

 

또한 광고가 티스토리에 제대로 배치될 수 있도록 관리모드에서 글 설정을 확인해야 합니다.

336x280 단위의 광고는 가로폭이 336px이며 두개의 광고를 함께 배치할 때에는 글쓰기 가로폭이 준비되어야 합니다.

저는 넉넉하게 750px로 설정하였습니다.

이 글쓰기 가로폭의 너비가 좁으면 광고가 가려지는 경우가 생기므로 주의하셔야 합니다.

 

 

 

앞에서 새로 만든 광고가 구글 애드센스에서 활성화된 화면입니다.

 

 

이처럼 구글 애드센스를 삽입하는 방법은 차례대로 따라하셨다면 티스토리 블로그 상단에 두개의 광고가 게재되어 있을겁니다.

여러분들도 다함께 나눌 수 있는 좋은 글을 쓰셔서 수익을 얻으시기 바랍니다.

 

 

 

 

-------------------------------------------------------------------------------

 

우선 죄송한 말씀을 먼저 드리고~!!!

포스팅을 순서대로 해야하지만, 생각나는대로 하다보니 가입하고, 광고 넣고 다음뷰 송고하고...이런식으로 순서대로 해야하는데, 마구마루 올렸군요.^^;;;;

여튼 바로잡기 위해서 이번에는 에드센스 광고 코드를 티스토리에 넣는 방법을 포스팅 해 보겠습니다.

우선 앞의 포스팅을 보고, 에드센스 가입부터 하시고요~~( 이전 에드센스 가입하기 포스팅 보기 )

에드센스 로그인하고 들어갑니다.

위의 메뉴에서 내광고에 들어가면 이렇게 나옵니다.

처음에는 아무것도 없겠죠? 그럼 위의 ' 새 광고 단위' 를 누르시면 아래처럼 나오죠.

그럼 '광고 크기'를 누르면 여러가지 광고 크기를 선택할 수 있게 나옵니다.

그럼 그중 하나 선택하시면됩니다.

예를들어 지금 선택되어있는 '리더보드'를 선택하면 가로로 긴 배너가 나올테고,

그외의 모양은 잘 생각해 찾아보시면됩니다.ㅎㅎㅎ

 

간단히 알아볼 수 있는 제목을 적고 아래 '저장 및 코드 생성'을 누르시면

이렇게 나옵니다.

그럼 '광고코드' 안에있는 소스를 복사하시고~!!!

이제 티스토리에서 관리자 창으로 들어갑니다.

왼쪽 HTML/CSS  편집을 누르시면 아래와 같이 나옵니다.

그럼 컨트롤 + F 를 누르고 'article_rep_desc'를 치시면 아래와 같이 나오는데요,

배너를 상단에 넣으려면, 'article_rep_desc' 문구 위쪽에~!!! 하단에 넣으려면 바로 아래에 넣으시면됩니다.

소스를 넣고 제일 아래 저장하기 누르면 적용됩니다.

아래 사진은 위 상단에 정사각형 배너 2개 넣은 사진입니다.

이제 열심히 포스팅해서 사람들을 끌어 모읍시다~!!!!!

화이팅~!!! ㅎㅎㅎ

태그 연습장 2 클릭

 

 

좌측 링크란에도 태그연습장 있어요

 

 

스크랩 글이지만 도움이 되셨다면 아래 댓글 하나 부탁 합니다

아... 근데 무플이면.. 슬플거 같아요.. 광고도 없는데

댓글 하나만이라도.. ㅋㅋㅋ