본문 바로가기

인터넷 부업/설문조사사이트 이야기

[인터넷 부업] 구글 애드센스 티스토리 본문에 2개 삽입하기(모든 포스트 상단에)

반응형

아무것도 모르던 시절 인터넷에서 필요한 정보를 검색하여 보면 일반 블로그 같은데
광고가 있는게 항상 궁금했었죠 그런데 그게 알고보니 구글 애드센스나 다음애드뷰 던가 그거더라구요
티스토리를 오픈하면서 제일 먼저 했던게 구글애드센스 가입 후 승인 받는 거였죠 그거야 뭐 기다리기만 하면 됐던 부분이니. 넘어가고
이제는 광고를 다는게 걱정이 되더라구요.. 홈페이지 언어야 혼자서 책보고 했던 허접한 실력이 다고 그리고 인터넷에 검색해보니
이런저런 내용은 많은데 머리에 들어오지는 않고.. T.T 물론 제가 쓰는 것도 그 중 하나가 될 수도 있지만..
하여간 제 나름 간단하게 들어가 보죠


제가 설명해 드릴려고 하는 것은 상단의 사진처럼 구글 광고가 두개가 나오는 걸 설명해 드릴려고 합니다
이 광고는 대문에 설치되는게 아니라 제 생각엔 아마도 티스토리 기본소스에 삽입이 되어서 각 포스트를 봤을때 그 포스트 상단에
출력이 되는 것이죠 각 포스트를 볼때마다 노출이 되니 가장 효과적인 방법일 것이라고 생각이 듭니다.
물론 저 11월달에 4.5불인가 밖에 못받았지만 다른 파워블로거분들일 경우는 차원이 틀리시겠죠..
제가 하루에 100명정도해서 11월달 3000명 이였다면.. 하루 천명해서 3만명 방문자를 유지하시는 블로거 분일 경우는
45불 이상을 찍으실 수 있으시겠죠 ^^

1. 광고가져오기

가입하는 편은 전 포스팅을 보시고 가입(포스트보기)되어있다는 가정으로 진행하겠습니다.
http://www.google.com/adsense <--여기를 들어가셔서 하단의 그림처럼 애드센스 설정을 들어가시면
밑에와 같은 페이지가 나옵니다.




이제 광고를 선택하셔야 하는데 페이지에 보여주는 거니 물론 첫번째의 콘텐츠용 애드센스를 들어가셔야 겠죠^^



거기를 들어가시면 광고를 텍스트로 띄울것이냐 이미지 광고를 띄울것이냐로 선택부분이 있습니다.
저 같은 경우를 보시면 두개를 설치해서 하나는 이미지 하나는 텍스트로 만들어 뒀죠
어차피 두개 다 만드실 거면 아무거나 선택을 하시고 밑에 있는 계속을 클릭합니다


여기가 중요한 부분이죠 저는 300x250 중간 직사각형을 설치했습니다.
이 부분이 약간 중요한 부분인데 자신의 티블로그 페이지 사이즈에 맞춰서 해야겠죠
여기까지 생각해서 진행하셨다면 나머지는 그냥 계속만 누르시면 광고 코드가 나옵니다. 저처럼 미리 하셨던 분들이라면


상단의 애드센스설정-> 광고관리에서 설정 변경과 코드보기를 하실 수가 있으시죠
저는 300x250 짜리 텍스트와 이미자광고 두개와 사이드에 달아뒀던 120x600광고가 하나 있네요.. 사이드광고는 블로그 개선을 위해 내렸습니다.. ㅋ

2. 티스토리에 광고 삽입하기

이제 액션에 있는 "코드" 를 클릭하시면 여러분의 개인광고코드가 나옵니다 이제 티스토리관리자 모드로 가보셔야죠


관리자모드에서 스킨->HTML/CSS 편집 창으로 들어갑니다


이제 하셔야 하는건 문구를 찾으셔야 해요
CTRL+F 를 누르시면 익스플로어에서 원하시는 문구를 찾을 수 있는 건 아시죠? ^^ "##_article_rep_desc_##"를 검색하시면

<div class="article">
##_article_rep_desc_##

이렇게 두줄이 보이시는데 여기 두줄 사이에 광고가 들어가야 해요
그런데 그냥 넣으시면 페이지가 엉망이 되거든요

<div class="article">
<table align="left" width="680" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align=center>
여기에 광고코드를 넣어주셔야 해요
</td>
<td align=center>
여기에 광고코드를 넣어주셔야 해요
</td>
</tr>
</table>
##_article_rep_desc_##

윗 코드에 "여기에광고코드를 넣어주셔야해요" 부분에 아까 구글에서 받으셨던 코드를 두개 넣으시면 됩니다.
설마 코드 하나만 받으셨다는분 없으시죠? ^^ 코드 만드는건 반복하는거니깐 똑같이 하시면 돼요

그리고 이제 약간 신경쓰셔야 하는게 위에 줄에서
<table align="left" width="680" border="0" cellpadding="0" cellspacing="0">
이부분이죠 이부분이 크면 페이지가 이상하게 나오는 스킨들도 있습니다.
이부분을 어떻게 조율하냐 하면


티스토리 관리자 모드에서 스킨->화면출력 설정 페이지에서 본문 가로크기를 보시고 조절하시면 돼요
사이즈는 같은 pixel이니 전 본문 크기를 800으로 잡아놔서 680으로 해도 아무 문제 없습니다 ^^
이제 저장을 누르시고 페이지를 보시면 여러분의 멋진 광고가 각 페이지 마다 출력이 될거예요
반응형