티스토리 사이드바에 HTML 위젯 추가하는 법 (광고·배너·문구 삽입)

티스토리 사이드바에 광고, HTML, 배너 넣는 방법을 완벽하게 정리했습니다

티스토리 사이드바에 HTML 위젯 추가하는 법 (광고·배너·문구 삽입)

티스토리 블로그의 사이드바를 효율적인 공간으로 만들고 싶다면 HTML 위젯 삽입 기능을 활용하세요. 광고, 텍스트, 이미지, SNS 배너까지 자유롭게 넣는 방법을 예시 코드와 함께 설명드립니다.

 

📌 HTML 위젯 활용 예시

활용 예	삽입 내용
광고 삽입	Google AdSense, 쿠팡파트너스 코드
공지 텍스트	HTML로 간단한 안내 문구 삽입
배너 이미지	링크가 걸린 이미지 광고
소셜 위젯	유튜브, 인스타그램 팔로우 버튼

🛠 사이드바에 HTML 위젯 넣는 방법

1. 티스토리 관리자 접속 → [꾸미기 → 사이드바]
2. 왼쪽 위젯 중 [HTML 배너 출력]을 오른쪽으로 드래그
3. 우측 설정창에서 HTML 입력 후 저장

 

📄 삽입 예시 코드

<div style="padding:10px; background:#f9f9f9; border-radius:8px;">
  📌 이 블로그는 쿠팡 파트너스 활동의 일환으로, 일정 수수료를 제공받습니다.
</div>

📎 광고 코드 예시

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8159918778147989" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8159918778147989"
     data-ad-slot="4125648549"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

⚠️ 유의사항

• 광고 삽입 시 Google 정책 위반되지 않도록 위치 주의
• 사이드바 폭(보통 300px 이하)에 맞는 배치 권장
• 모바일에서 사이드바 위치는 스킨마다 다름

 

👉 HTML 위젯 광고용 필수템 보러가기