티스토리(Tistory)에 버튼 자동 삽입 수익화 설치 하기

개념 설명

티스토리(Tistory)는 광고를 삽입할 수 있는 블로그 플랫폼입니다. 여기서 말하는 "버튼 자동 삽입 수익화"는:

1. 글 본문 내에 특정 버튼(예: ‘구매하기’, ‘더 알아보기’, ‘쿠팡 파트너스 링크’ 등)을 자동으로 삽입하고,
2. 그 버튼을 클릭한 방문자가 상품을 구매하거나 링크를 통해 특정 행동을 하면 블로거가 수익을 얻는 방식입니다.

---

✅ 수익화 방식 예시

버튼 종류설명수익 구조

쿠팡 파트너스	티스토리 글에 쿠팡 링크 버튼을 삽입 (예: "이 상품 보러가기")	링크 클릭 → 상품 구매 시 커미션 지급
애드센스 CTA 버튼	버튼 클릭 시 구글 애드센스 광고로 연결	광고 클릭 시 수익 발생
자체 상품 판매	"전자책 다운로드" "클래스 신청하기" 등 링크 버튼	링크 클릭 → 결제 시 수익 발생
제휴 링크	"호텔 예약하기", "투자 앱 설치" 등 제휴사 버튼	클릭 및 가입/구매 시 커미션 지급

 

---

✅ "자동 삽입"의 의미

• 수작업으로 매 글마다 버튼을 붙이는 것이 아니라,
• **스크립트나 플러그인(예: 티스토리 스킨 기능 또는 HTML 삽입 도구)**을 활용해
• 특정 위치(예: 글 맨 아래)에 자동으로 동일한 버튼을 반복 삽입하는 방식입니다.

예:

글 하단에 항상 “📌 이 책 보러가기 (쿠팡 링크)” 버튼이 자동으로 들어가게 설정

---

✅ 요약

"버튼 자동 삽입 수익화"는 티스토리 블로그에서 본문에 광고성 버튼을 자동으로 붙여놓고, 클릭 또는 구매 등의 사용자 행동이 일어날 때 수익을 얻는 구조입니다. 쉽게 말해, 글 + 버튼 = 자동 수익 창출 구조입니다.

쿠팡 파트너스란?

쿠팡의 제휴마케팅 프로그램입니다.
당신의 블로그에 상품 링크나 버튼을 넣고, 방문자가 클릭 후 구매하면 수익이 발생합니다.

• 가입: https://partners.coupang.com/
• 수익: 클릭 후 24시간 이내 구매 시 수수료 지급 (보통 2~10%)

---

✅ 수익형 버튼 만들기 예시

🔹 쿠팡 상품 링크 예시

쿠팡 파트너스에서 발급 받은 링크 (예시):

arduino

복사편집

https://link.coupang.com/a/ABCDEFG

🔹 HTML 버튼 코드 (티스토리용)

html

복사편집

<div style="text-align:center; margin:30px 0;"> <a href="https://link.coupang.com/a/ABCDEFG" target="_blank" style="display:inline-block; background:#ff5050; color:#fff; padding:12px 24px; text-decoration:none; border-radius:5px; font-weight:bold;"> 🛒 지금 쿠팡에서 보기 </a> </div>

✅ 이 버튼을 클릭하면 쿠팡으로 이동하며, 블로그 주인은 수익을 얻게 됩니다.

---

✅ 티스토리 글에 자동 삽입하는 방법

① 티스토리 관리 > 스킨 편집 > HTML 편집

② <article> 안쪽, 또는 </article> 바로 위에 위 버튼 HTML을 붙여넣기

③ 저장하면 모든 글 하단에 자동으로 버튼 노출

👉 글마다 따로 붙일 필요 없이, 모든 글에 동일한 수익 버튼이 반복 노출되어 자동 수익 가능!

---

✅ 팁: 쿠팡 링크 자동으로 바꿔주는 도구

• 쿠팡 파트너스 내부에 링크 단축기, 브라우저 확장프로그램이 있어 쉽고 빠르게 원하는 상품의 제휴 링크를 만들 수 있습니다.

---

✅ 예시 응용 (글 주제에 맞는 버튼)

• "정리정돈 블로그 글" 끝에 → "🧺 수납함 보러가기"
• "자기계발 글" 끝에 → "📘 추천 책 보러가기"
• "다이어트 글" 끝에 → "🥗 건강식품 보러가기"

티스토리에서 클래스 수익화 구조

✅ 클래스 소개 글 작성

• 수업 주제, 대상, 일정, 혜택 등을 담은 콘텐츠를 작성합니다.
• 독자의 문제를 공감시키고 → 해결책으로 클래스 제안 → 참여 유도

✅ 클릭 유도 버튼 삽입

• 글 하단에 다음과 같은 버튼을 자동으로 삽입합니다:

html

복사편집

<a href="https://your-class-link.com" target="_blank" style="display:inline-block; padding:10px 20px; background-color:#f06; color:#fff; text-decoration:none; border-radius:5px;"> 📌 클래스 신청하기 </a>

👉 이 HTML 코드를 티스토리 스킨 편집 > 글 하단에 공통 삽입하면 모든 글 하단에 자동으로 붙습니다.

✅ 클래스 예약 링크 연결

• 버튼 클릭 시 이동할 링크는 다음 예시처럼 연결하세요:
  • 네이버 폼
  • 클래스101, 탈잉, 오픈채팅방
  • 크몽/숨고 등 클래스 플랫폼
  • 개인 구글 폼 또는 결제 페이지 (토스/카카오페이 등)

---

✅ 수익화 자동화 예시

구성 요소예시

글 주제	"50대 여성을 위한 자기 돌봄 루틴"
수업 연결	“나를 중심에 놓는 시간” 클래스 소개
버튼 텍스트	📌 클래스 신청하기
연결 링크	https://naver.me/xxxxx
반복 노출 위치	모든 글 하단 자동 삽입

 

---

✅ 장점

• 티스토리 방문자 수가 늘수록 클래스 노출이 자연스럽게 증가
• 콘텐츠가 판매 채널이 됨 (광고비 無)
• 클래스가 다르더라도 버튼은 하나로 통일 가능