티스토리 사이드바 광고 만들기 및 고정 방법

 

요즘 광고시장이 참으로 힘든 상황입니다. 경기도 좋지 않은 데다 환율까지 오르니 말이죠. 때문에 쥐꼬리 같은 애드센스 수익이지만 그마저도 소중할 따름입니다. 그래서 금일은 조금의 수입을 늘리기 위한 티스토리 사이드바 광고 만들기와 고정 방법에 대해 알아보겠습니다.

 

이 글을 통해 알 수 있는 정보

• 티스토리 광고 설정
• 애드센스 코드 넣기
• 고정코드 다운로드

1. 티스토리 광고 설정

먼저 티스토리 관리에 들어간 뒤 애드센스 관리 메뉴에서 사이드바 광고를 켜주어야 합니다. 그러기 위해서 전체 자동광고를 ON 하고 사이드바 광고만 열어주면 됩니다.

 

모르시면 위 사진을 보고 그냥 따라 하시기 바랍니다. 이후 메뉴에 보시면  [플러그인]이라고 있는데 플러그인에 들어가 배너출력 플러그인을 사용 중으로 변경해주셔야 합니다.

 

보시면 사이드바에 배너광고를 출력할 수 있도록 도와주는 플러그인입니다. 사용중으로 잘 변경되었다면 이제 애드센스 코드를 가져와서 복사 붙여 넣기를 하면 됩니다.

 

2. 애드센스 코드 넣기

이제 애드센스 홈페이지에서 광고코드를 복사해서 오면 됩니다. 가장 효율이 좋은 디스플레이 광고로 만들고 형태는 어떤 형태를 해도 상관이 없지만 본인은 [수직형]으로 해서 만들었습니다.

 

이제 다시 티스토리 관리로 돌아와 [꾸미기 > 사이드바] 페이지로 들어가 줍니다. 그러면 위와 같은 플러그인이 생성되어 있습니다. 여기서 HTML 배너출력 옆에 [+ ] 버튼을 눌러 원하는 사이드바에 위치시킵니다.

 

 이제 사이드바 1에 본인이 삽입한 [플러그인]의 편집 버튼을 눌러 이름을 기재해 주고, 본인 복사한 애드센스 광고 코드를 HTML 소스 입력칸에 붙여 넣기 해줍니다. 그리고 [확인] 버튼을 누르면 사이드바에 광고가 송출됩니다.

 

3. 사이드 고정 광고

 

이제 송출되는 광고를 확인하셨다면 스크롤을 내려도 광고가 사라지지 않게 고정시키는 방법에 대해서 알아보겠습니다. 본인은 북클럽 스킨을 사용하고 다른 스킨을 사용하는 분들은 구글링을 통해 전용 코드를 다운로드하시길 바랍니다.

 

이제 티스토리 관리 스킨편집에 들어가 HTML 편집을 눌러줍니다. 스킨편집은 사이드바 메뉴 위에 있으니 쉽게 찾으실 수 있습니다.

 

그리고 HTML에서 CSS로 변경한 후 사이드바 광고를 스크롤해려도 사라지지 않고 고정시켜 주는 코드를 붙여 넣어 주시면 됩니다. CSS 페이지에서 스크롤을 내려 최하단에 붙여 넣어주면 됩니다.

 

사이드바 고정_북클럽 전용.txt

0.00MB

혹시라도 북클럽 스킨을 이용하는 분들이라면 위 파일을 다운로드하여 사용하시면 됩니다. 

 

다운로드한 메모장 파일을 열어 복사 후 CSS 페이지에 붙여 넣기 한 후 적용을 누르게 되면 되는 참 쉬운 작업이었습니다. 이제 본인 포스팅한 페이지로 돌아가서 사이드바 광고가 잘 송출되는지 스크롤을 내렸을 때 광고가 고정되어 있는지 최종확인해 보시길 바랍니다.

---

☞ 함께 보면 좋은 정보

블로그 수익 네이버 티스토리 비교

티스토리 대가성, 공정위 문구 html 일괄 등록 방법