Tistroy 블로그 Adsense 광고 넣기 (상단,하단,사이드바)

Tistroy 블로그에 애드센스 광고 넣는 방법 입니다. 

1. Adsense 계정 가입

https://www.google.com/adsense/?hl=ko

위 Adsense 사이트로 가셔서 가입한 뒤에 계정을 승인받아야 합니다.

2. Adsense 광고 생성

계정 승인을 받은 이후에 로그인 하여

내광고 -> 광고단위 -> 새광고단위를 클릭하여 새로운 광고를 생성합니다.

> 광고를 구분하기 위한 이름입력.

> 원하는 광고 크기 선택. 광고크기는 아래 링크에서 자세히 확인 가능.

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

> 원하는 광고 유형 선택 보통 텍스트 및 디스플레이 둘다 선택

> 맞춤채널 및 대체 광고 선택 가능. 일반적으로 기본 설정으로 한다.

3. 광고 삽입하기

 광고 저장 및 코드 생성시에 해당 광고의 코드가 생성되고 해당 코드를 원하는 사이트에 추가하면 끝 

> 위 광고코드를 전체 복사해서 티스토리관리로 들어가서 -> 꾸미기 -> HTML/CSS 편집 -> skin.html 에서 

article_rep_desc 키워드를 찾아 article_rep_desc 이 문자 위에 광고코드를 넣으면 티스토리 글 상단에 광고가 보이고

하단에 넣으면 글 하단에 광고가 보입니다.

# Table 을 이용하여 상단 or 하단에 광고 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" 숫자를 이용해서 Table의 폭을 조정

> 블로그의 바탕색과 동일한 색으로 다음 값을 조정하여 Table의 색을 조정

 bgcolor="#FFFFFF"

4. 글 중간에 광고 삽입하기

글을다 쓰고 오른쪽 상단에 HTML로 바꾼 후 밑에 코드를 복사하여 원하는 위치에 밑에 코드를 넣고 광고코드를

애드센스 광고코드에 삽입

<TABLE width="100%">
<TBODY>
<TR>
<TD align=middle></TD></TR>
<TR>
<TD align=middle>
애드센스 광고코드
</TD></TR></TBODY></TABLE>

5. 사이바에 애드센스 광고 삽입

> Tistroy -> 관리 -> 플러그인 설정 -> 관리및 통계 -> 배너출력이라는 플러그인 선택 -> 설정 버튼 -> 확인

> 꾸미기에 사이드바 -> 기본모듈에 HTML 배너출력 오른쪽옆에 "+" 버튼을 눌러 추가.

> 기본이름은 HTML 배너출력이며 원하는 이름으로 변경하고 HTML 소스에 광고 코드를 삽입한다.

> 사이드바에 광고를 추가할때 Adsense 광고 생성시에 사이즈를 사이드바에 사용할 수 있는 사이즈로 선택한다.

> 옮겨진 배너출력을 원하는 사이드바 위치에 드래그 하여 위치 설정.

광고 삽입 끝.