[1편] 티스토리에 구글 애드센스 (Google Adsense)를 넣어보자

안녕하세요 ㅎㅎ

제가 드디어 애드센스 허가가 떨어져서 티스토리에 광고를 넣어봤습니다 ㅋ

일단 이 기념은 내일이나 그다음날쯤 포스팅 하기로 하고 오늘은 기억이 사라지기 전에 티스토리에 구글 애드센스를 넣어봅시다!

1편에서는 PC에서 볼수 있는 애드센스 광고를 삽입하는 방법을 포스팅 할 예정이고요

2편에서는 자바 스크립트를 이용해 모바일에서도 광고를 나타나게 하는 방법을 포스팅 할 예정입니다

3편에서는 광고에 구분선을 넣는 방법을 포스팅 해보도록 할것이고

4편에서는 메인 페이지에 애드센스를 넣어보도록 하겠습니다

2013/02/17 - [강좌/팁/티스토리 강좌] - [4편] 메인 페이지에 애드센스 광고를 넣어보자!

2013/02/12 - [강좌/팁/티스토리 강좌] - [3편] 구글 애드센스 광고에 테두리를 넣어보자!

2013/02/06 - [강좌/팁/티스토리 강좌] - [2편] 모바일 티스토리에 구글 애드센스 (Google Adsense)를 넣어보자

필독해 주세요!

그럼 시작하겠습니다 ㅋ

일단 이 글을 읽기전 활성화된 구글 애드센스 계정이 있어야 합니다

활성화된 계정이 없으신 분들은 신청서를 넣으셔서 승인을 받으신후 진행해 주세요

https://www.google.com/adsense

애드센스 사이트에 진입하여 로그인 해줍시다

내 광고를 클릭해 진입해 주세요

+ 새 광고 단위를 클릭하여 광고를 만들어 봅시다!

광고를 구분할수 있는 이름과 크기, 유형을 선택해 주세요 (한번 결정하면 수정이 불가능 한듯 합니다 정확하진 않아요)

맞춤 채널은 딱히 건들필요는 없는 듯 합니다

선택하신후 마지막으로 광고 스타일을 선택하신다음 저장을 눌러주시면 됩니다

이제 광고 코드를 복사해 볼까요?

목록의 코드 가져오기 또는 위에서 "저장 및 코드 생성"을 하시면 코드가 나오게 되는대

이 광고 코드를 복사해 주세요 중요합니다!!!

이제 티스토리에 돌아와서 설정 - HTML/CSS 편집에 들어가 주세요

<div class="article">

이 두개의 구문을 찾아주신다음 광고 소스를 아래와 같이 넣어주시면 됩니다

<div class="article">

본문 상단에 광고를 넣고싶다면 여기에 광고 소스를...
##_article_rep_desc_##

본문 하단에 광고를 넣고싶다면 여기에 광고 소스를...

그러면 본문 상단 또는 하단에 광고 1개가 들어가게 됩니다

<div class아래에 넣으시면 본문 상단에 광고가 들어가게 되고

##_article아래에 넣으시게 되면 본문 하단에 광고가 들어가게 됩니다

그렇다면 광고 2개를 상단에 쳐 넣는 방법은 뭘까요?

2016-10-16 기준으로 HTML을 수정해서 애드센스 코드를 삽입하지 마시고 티스토리의 플러그인 기능을 이용하세요.

다음이 광고 두개를 넣는 소스입니다.

<div> 
<TABLE border="0" cellspacing="0" cellpadding="0" height=280 width=680 >
<TR>
       <TD align = "left"  width = 260>
[ 애드센스 광고 소스 - 본문 상단 왼쪽]
 </TD>

 <TD width = 10 >
 </TD>

       <TD align = "left" width = 260>
[ 애드센스 광고 소스 - 본문 상단 오른쪽]
 </TD>
</TR>
<TR>

</TABLE>
</div>

자신의 광고 소스로 체워주신다음 skin.html의 알맞은 위치 에 넣어주시면 됩니다

애드센스 광고 2개 넣기.txt

소스는 첨부파일로 올려둡니다 ㅎㅎ

이 소스의 출처를 써뒀는대 날라갔군요 ㄷㄷ

발견하게 된다면 이 게시글은 보충될 것입니다

다음편에서는 모바일 게시글에서 광고가 나타나도록 만들어 보겠습니다

그럼 즐거운 애드센스 생활 하세요~