티스토리에서 사이드바에 애드센스광고나 쿠팡광고 넣는 방법

티스토리에서 사이드바에 애드센스광고나 쿠팡광고 넣는 방법

티스토리로 애드센스나 그밖에 여러가지 제휴마케팅하시는 분들중에서 처음시작하고 html에 익숙하지 않는 분들이 티스토리 사이드 바에 애드센스 세로형 광고나, 쿠팡광고넣고 싶어 하시는 분들이 있어 포스팅해 보도록 합니다.

 

먼저 티스토리에서 스킨이 사이바를 지원하는 시킨으로 설치하셔야 진행이 가능합니다. 잘 아시는 분들도 많지만 그렇지 못하신분들이 많습니다. 티스토리에서는 플러그인으로 텐핑과 애드센스광고를 지원하고 있습니다.

하지만 본문에 적용되는 것으로 사이드바에 적용되는 플러그인은 없는 것으로 알고 있습니다. 그래서 처음부터 시작해서 광고삽입하는 방법까지 세세하게 알아보도록 합니다. 알고나면 그리 어렵지 않다고 느낄겁니다.

 

저같은 경우에는 왼쪽 상단에 애드센스광고 160*600을 삽입하고 목차 아래에 쿠팡광고 250*250을 삽입하였습니다. 그리고 화면에는 보이지 않는 쿠팡에서 수익률이 가장 많다는 위젯서치도 달았습니다. 전체 사이드바에 3개의 광고를 삽입하는 방법을 상세하게 알아보도록 합니다.

 

티스토리 사이드바 광고를 삽입기 위해서는 티스토리 관리자 페이지 꾸미기에서 스킨편집에 들어갑니다. 대부분이 여기에서 HTML편집을 여기서 다하다고 생각하시면 됩니다. 그 위에 스킨변경은 내 티스토리에 스킨을 변경하고자 생각하시면 스킨변경에서 수정하셔야 합니다.

html편집이 보입니다. 여기로 들어가서 티스토리 사이드바 광고삽입이 가능합니다.

티스토리의 html로 들어온 화면입니다. 상단에 HTML. CSS,파일업로드가 있습니다. 여기에서 HTML로 들어가시면 상당히 복잡한 코드들이 보입니다. 티스토리 사이드바 광고삽입 위치가 중요합니다. 그 위치를 찾기 위해서 컨트롤+F 즉 찾기 명령을 하셔야 합니다. 이렇게 찾지 않으면 스크롤을 내려서 복잡한 코드에서 찾아야 합니다. 

그럼 티스토리 사이드바 광고를 삽입할 곳이 사이드바에 넣기로 했는데 그럼 사이드바 블럭에서 찾아야 하기 때문에 찾기명령에서 영문으로 sidebar 라고 검색합니다.

사이드 바 블럭을 찾았다면 그 가운데 공간을 확보하여 아래와 같은 블럭을 형성하여야 합니다. 그리고 그 이후 애드센스나 다른 제휴마케팅 코드를 삽입해야 합니다.

<s sidebar_element>

애드센스 코드를 넣어 주세요

</s sidebar_element>

이렇게 하면 티스토리에 사이드바 광고가 삽입된 것을 보실수 있습니다. 그런데 보기가 좀 좋지 않게 딱 붙어 있습니다. 그런공간을 잡기 위해서는 아래와 같이 하시면 됩니다.

<s sidebar_element>

<div class="sidebox">

애드센스 코드를 넣어 주세요

</div >

</s sidebar_element>

이제 잘 정리된 사이드 바를 보실수 있습니다.

toDiva에서 제작한 스킨명이 toPiece입니다. 

다운받는 장소는 

https://www.tistory.com/userskin/responsive