티스토리 블로그에 애드센스 광고달기 2편 - 애드센스 코드 블로그에 넣기

애스센스에 들어가 보면 다음과 같은 홈화면이 나옵니다.

수익과 실적이 한눈에 볼 수 있도록 브리핑해 줍니다.

여기서 상단의 내광고 탭을 클릭합니다.

이런 광고 단위가 나오는데요.

저는 이미 광고를 생성했기 때문에 이렇게 리스트가 많이 있습니다.

새로 하는 분은 광고 리스트가 없습니다.

+ 새광고 단위를 클릭해 줍니다.

+ 새광고 단위를 클릭하면 다음과 같은 설정 페이지가 나오는데

이름

광고크기는 336x280

광고유형은 텍스트 광로

광고스타일은 기본형으로 설정하고

하단의 저장 및 코드생성 버튼을 클릭합니다.

이렇게 광고 코드가 발생하는 것을 확인할 수 있습니다.

이렇게 생성된 광고는 복사해서 메모장에 붙여넣기 해 줍니다.

다시 콘솔로 가면 방금전에 내가 설정했던 

큰 사각 광고라는 항목이 생성되어 있는 것을 확인할 수 있습니다.

여기서 코드 가져오기 클릭하면 광고코드가 팝업창으로 뜹니다.

이 코드를 복사해서 티스토리블로그에서 사용해야 하는 것입니다.

이번에는 티스토리 블로그로 가서 작업을 시작할 때입니다.

티스토리 블로그에서 관리페이지로 들어갑니다.

좌측에 꾸미기 탭에 

HTML/CSS편집 항목을 클릭합니다.

skin.hrml의 텍스트 필드에서 

_article_rep_desc_ 로 텍스트 검색을 하면 

중간쯤 이 부분이 나옵니다.

이 부분은 티스토리 블로그에서 

제목과 본문 사이입니다.

선택된 부분 위에 코드를 만들어서 복사해서 넣으면 됩니다.

자 그런데 한번 더 고민해 보겠습니다.

상단에 하나의 광고를 넣는 것 보다는 두개를 쌍으로 넣는 것이 더 효과가 좋아보입니다.

그래서 테이블 태그를 만들어 놓고 <TD> 태그를 두개 생성해서 

그안에 아까 복사한 코드를 두개 넣어줍니다.

다음과 같이 해 주는 거죠.

빨간글씨 부분이 애드센스에서 생성해 주는 코드입니다.

이 코드를 두번 연속으로 사용하여 블로그에서 상단에 두개가 나오도록 만드는 겁니다.

<table>

<tr>

<td> 

<script type="text/javascript"><!--

google_ad_client = "ca-pub-1191749053627219";

/* 중간직사각형_300_250 */

google_ad_slot = "1221370473";

google_ad_width = 300;

google_ad_height = 250;

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

</td>

<td> 

<script type="text/javascript"><!--

google_ad_client = "ca-pub-1191749053627219";

/* 중간직사각형_300_250 */

google_ad_slot = "1221370473";

google_ad_width = 300;

google_ad_height = 250;

//-->

</script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

</td>

</tr>

</table>

이 코드를 제목과 본문 사이에 넣어주는 것입니다.

이렇게 붙여넣기 하고 저장하면 됩니다. 

그러면 블로그에서 이렇게 나오는 것입니다.

이렇게 블로그에 광고를 달고 나니 제법 블로거가 된 느낌이 듭니다.

열심히 하시고 연구 하셔서 좋은 성과를 만들어 내면 좋겠습니다.

도움이 되셨으면 공감과 공유 부탁드립니다. ^_^