티스토리 애드센스 달기 (메인, 사이드, 모바일)

1. 애드센스 계정

 www.google.com/adsense/?hl=ko  여기가셔서 가입 후 승인 받고 으시면 됩니다.

2. 로그인 > 내 광고 > 광고 단위 > 새 광고 단위

2.1 광고를 구분하기 위한 이름을 넣고, 광고 크기는 아래 링크에 확인 후 결정

https://support.google.com/adsense/bin/answer.py?hl=ko&answer=185666&topic=29561&ctx=topic 

2.2 광고유형은 원하는 걸로 선택

2,3 맞춤 채널은 유입 통계세부 설정이라고 하는데, 그냥 자기가 쓰는 광고들 모아서 통계 볼때나 쓰이는 것 같아요.

      잘은 모르겠습니다.

2.4 광고스타일 필가는데로 고르시고 저장

      

3. 코드 가져오기

아까정한 광고이름 밑에 작은글씨로 코드가져오기를 누르시면 나오는 코드가 바로 애드센스 광고 코드입니다 

이것을 복사해서 Skin.html에 붙여녛기만하면 됩니다!! 

3.1 티스토리 관리 > 꾸미기 > HTML/CSS 편집 > skin.html 에 가셔서 article_rep_desc 이문자를 찾아주셔요 .

3.2 article_rep_desc 이 문자 위에다가 코드를 붙여 넣으시면 상단에 광고가 생기구요

      하단에 넣으시면 포스팅한 글 하단에 광고가 올라갑니다.

3.3 광고 하나만 넣기 아쉽다 하면, 상단 or 하단에 광고 2개를 넣는 방법도있습니다

      이를 응용, 상당 2개 / 하단 2개도 가능합니다.

      밑에 코드를 article_rep_desc 상단/하단에 넣으시고 아까복사한 코드를 애드센스광코드에 넣으시면 됩니다.

<center>
<table cellpadding="0" cellspacing="0" table width="700" bgcolor="#FFFFFF" ; align="center">
<tr>
<td width="50%">
애드센스 광고 코드
</td>
<td width="50%">
애드센스 광고 코드
</td>
</tr>
</table>
</center>

table width="700" 숫자를 높이시면 2개광고가 멀어지고 600으로하시면 옆에 바로 붙어있습니다.

table width와 애드센스 광고 코드의 width를 적절히 조절 하시면 됩니다.

바탕색은 bgcolor="#FFFFFF" 흰색으로 되어있는데요, 원하시는 색으로 정해서 사용하시면 됩니다.

4. 모바일 광고 삽입 (애드센스에서 새로운 광고를 생성 해주세요.)

플러그인 설정 > Google AdSense (모바일용) 사용 > 편집

새로운 광고를 1개 또는 2개를 생성해서 아래와 같이 선택 후 삽입해 주면 됩니다.

그렇게 하면, 아래와 같이~~~~ 짜잔~~~ㅋ

  

5. 사이드바 (꾸미기 > 사이드바 > HTML 배너출력 > + > 편집)

편집 탭에 들어가면 이름을 수정 할 수 있고, 애드센스 광고를 넣을 수 있습니다.

여기에 넣고 싶은 광고 또한 새로 만들어서 코드를 받아 오시면 되요.

아래 코드에 애드센스 광고 코드만 추가 후 HTML 소스에 넣으시면 됩니다.

<div align="middle"> 

애드센스 광고 코드

</div>

"사용자 모듈에 저장"을 체크 하시면, 아래 처럼 모듈 보관함에 저장이 되어 언제든 넣어다 뺐다 할 수 있네요.

이상 입니다. 궁굼한 사항은 댓글을 남겨 주세요~~~ㅋ.