티스토리 블로그 사용하시는 많은 분들은 구글 애드센스를 삽입하여 광고 수익을 얻고자 할것입니다. 구글 애드센스를 삽입하기 위해서는 티스토리에서 제공하는 플러그인을 통해 사용을 하기도 하지만, 티스토리 스킨 에 직접 삽입하여 이용하고자 하시는 분들도 있습니다.
구글 애드센스 수익은 내 블로그 특성에 맞게 광고 게재위치가 참 중요하다고 할수 있는데 티스토리 블로그 유저들이 가장 많이 활용하고 있는 3가지 위치에 대해 삽입 소스코드를 알아보고자 합니다.
티스토리 포스팅 본문에서 글 상단 우측 위치에 텍스트 안에 배치하기, 글 상단 위치에 두개 배치하기, 블로그 사이드바 위치에 배치하기 에 대한 소스코드 입니다.
▶티스토리 블로그 애드센스 삽입 위치에 따른 소스코드 3가지
1.글 상단 우측 위치에 텍스트 안에 배치하기
티스토리 블로그 본문에서 글과 포함하여 우측에 배치시키는 형태입니다. 포스팅 과 구글 애드센스가 자연스럽게 적용되어 많이 활용을 하고 있습니다.
☞[소스코드]
1)티스토리 html 편집화면에서 ctrl+f 로 를 찾은후 위에 파란색 코드를 삽입 시키면 됩니다.
2)float:right 를 float:left 로 변경하면 왼쪽에 위치 됩니다.
3)margin 은 간격을 의미하고 순서대로 위=0 오른쪽=0 아래=10 왼쪽=10 pixel 만큼의 간격 의 의미이며 자유롭게 변경하면 됩니다.
<div class=”article”>
<div style=”float:right; margin=0 0 10px 10px”>
여기에 애드센스 코드 삽입
</div>
</div>
2.글 상단 위치에 두개 배치하기
티스토리 본문 상단에 구글 애드센스 를 2개 배치 시키는 소스 코드 입니다.
☞[소스코드]
1)티스토리 html 편집화면에서 ctrl+f 로 를 찾은후 위에 파란색 코드를 삽입 시키면 됩니다.
2)table width는 두개 광고의 가로 길이의 합을 의미합니다. (336x2=672)
3)중앙에 위치시 처음시작<center>과 마지막</center> 입력합니다.
<div class=”article”>
<table cellpadding=”0” cellspacing=”0” table width=“672”>
<tr>
<td width=“336”>
여기에 애드센스 코드 삽입
</td>
<td width=“336”>
여기에 애드센스 코드 삽입
</td>
</tr>
</table>
3.블로그 사이드바 위치에 배치하기
티스토리 사이드바에 구글 애드센스 를 배치 시키는 소스 코드 입니다. 이부분은 특별한 소스코드가 필요없이 티스토리 관리자 화면 사이드바 메뉴에서 코드를 삽입하여 적용할수가 있습니다.
☞[소스코드]
1)티스토리 관리자 화면 에서 꾸미기->사이드바 를 선택합니다.
2)기본 모듈에서 <태그입력기>를 + 버튼을 클릭하여 사이드바 에 추가합니다.
3)사이브바에 추가된 태그입력기 에서 <편집>을 클릭하여 구글 애드센스 소스코드를 삽입합니다. 사이드바 의 중앙 위치시 처음시작<center>과 마지막</center> 입력합니다.
4)사이드바 에서 구글애드센스 배치하기위해 <태그입력기>를 마우스로 드래그 하여 적절한 곳으로 위치 시킨후 <저장>합니다.
-사이드바 태그입력기-
<center>
여기에 애드센스 코드 삽입
</center>
◈애드센스 삽입위치3가지 소스코드
'IT Tech > 블로그' 카테고리의 다른 글
티스토리 블로그 이미지 서명(워터마크) 넣고 저작권보호 하기 (0) | 2016.03.10 |
---|---|
구글 애드센스 수익 지급보류 제한(해제) 풀기 (0) | 2016.03.06 |
티스토리 블로그 애드센스 삽입 플러그인 으로 적용하기 (0) | 2016.02.24 |
블로그 글자수 세기(체크) 사이트 및 프로그램 (1) | 2016.02.23 |
티스토리 블로그 추천글(addthis) 삽입 하여 체류시간 늘리기 (4) | 2016.01.13 |