TISTORY에 구글 에드센스 광고 삽입하기

구글 애드센스 광고를 삽입하기 위해서는,

우선, Google AdSense에 가입하여, 내 광고를 만들고... 광고 코드를 얻어야 합니다.

광고 코드를 얻기 위해서는... 광고를 넣을 블러그에 대한 심사를 통과해야만 합니다.

그런 다음에, 티스토리에서 구글 에드센스 광고를 삽입하는 방법은 아주 간단합니다.

1. 티스토리 -> 관리 -> 플러그인설정 메뉴를 선택하고,

2. 수익 Google AdSense (데스크탑 웹용) 또는 Google AdSense (모바일용)의 설정 아이콘을 선택...

3. 원하는 광고 위치 및 방식 선택 ...

4. 구글 애드센스에서 광고 코드를 복사해서... 4번 위치에 붙어 넣기 ...

5. 저장 버튼 ...

플러그인 설정에서 지원을 해 주니 아주 간단하죠...

그리고, 데스크탑 웹용과 모바일용를 따로 지정할 수 있어서 더욱 편리하네요...

그런데... 플러그인 설정에서 제공하지 않은 스타일로 광고를 넣고 싶을 때에는 어떻게 해야 할까요???

저는 플러그인 설정의 하단 광고 설정에서만 제공하는 2번째 방식을 상단 광고로 설정하고 싶은데...

플러인 설정에서는 할 수가 없는 상태입니다.

이런 경우에는 "HTML/CSS 편집"에서 코드를 넣는 방법이 있습니다. (위의 그림에서 별표한 메뉴)

1. 티스토리 -> 관리 -> HTML/CSS 편집 선택.

2. <div class="article">를 HTML에서 찾아서... 

3. 아래 파란색 처럼, 구글 애드샌스 광고코드를 삽입하면 상단에 광고가 삽입됩니다.

4. 아래 보라색 처럼, 삽입하면 하단쪽에 광고가 삽입됩니다.

5. 수정이 완료이 되면... "저장" 버튼 누르고... "닫기" 버튼을 누릅니다.

<s_banner>

<div align="center">

구글 에드센스 광고 코드

<br>

</div>

</s_banner>

<div class="article">

</div>

        

<s_ad_div>

<div class="admin">

<a href="">Modify</a>

<span class="line">|</span>

<a href="#" onclick="">Delete</a>

</div>

</s_ad_div>

<s_banner_2>

<div align="center">

구글 에드센스 광고 코드

</div>

</s_banner_2>