티스토리 정책위반없이 버튼 만들기 및 예시

 

최근 티스토리는 광고 관련 규제를 강화하면서, 호버 효과(버튼에 마우스 올리면 색이 바뀌는 기능), 깜박이는 애니메이션, 클릭유도 스크립드 등을 금지하고 있습니다. 특히 다음과 같은 유형은 티스토리 제제 대상이 될 수 있습니다.

 

티스토리는 최근 다음과 같은 클릭 유도 행위를 엄격히 금지하고 있습니다.

-특정 버튼 안에 "클릭을 유도하는 문구 또는 기호"삽임

-버큰 주변에 "눌러주세요", "꼭 확인하세" 같은 문구

-마우스를 올리면 색이 바뀌는 hover 효과

-깜박이거나 움직이는 CSS 애니메이션

 

이러한 효소가 포함된 블로그는

로그인 제한, 블로그 차단, 심하면 애드센스 연동 해제까지 이어질 수 있습니다.

 

이글에서 소개한 미리캔버스를 활용한 버튼 방식은

-버튼에 애니메이션, hover, 문구 유도 없이

-디자인만 깔끔하게 정리

-링크만 거는 구조이기 때문에

 

티스토리 정책에 저촉되지 않고 안전하게 사용 가능한 방식입니다.

*이건 티스토리에만 해당이고, 블로그스팟, 워드프레스는 괜찮습니다., 단 구글은 "실수 클릭 유도"를 매우 엄격하게 보고 있습니다.

 

-별도 코드 삽입 없이

-버튼문구만 바꾸고 JPG 저장하면

-티스토리에 바로 삽입가능

 

사용 방법 요약

1.미리캔버스에서 템플릿 열기

 -텍스트:문구 수정

 -배경:원하는 색으로 변경

 -아이콘:화살표, 클릭 유도 이미지 추가(추천:오른쪽 화살표)

 

2.버튼 이미지 사이즈 추천 가이드

목적	권장 사이즈	설명
기본 버튼(가로형)	300X60	가장 일반적이고 클릭 유도에 적합
강조용 버튼(더 크게)	400X80	CTA가 강할 때 (예:지금 신청하기")

 

3.클릭률 높이는 버튼 색상 추천

색상	의미	코드사용	예시
빨강	긴급 · 행동 유도	#FF4B4B	지금 확인하기
주황	주의 · 관심 집중	#FF9900	자세히 보기
초록	안정감 · 승인 느낌	#00C471	문의하러 가기
파랑	신뢰감 · 클릭 유도	#2980B9	다음 글 보기
보라	전문성 · 브랜드 강조	#9B59B6	추천 포스트

 

4.클릭 유도용 행동요구(CTA)문구 추천 리스트

(1)블로그 내 글 이동 유도

목적	추천 문구
이전 글 보기	"이전 글도 읽어보세요"
다음 글 보기	"다음 글 확인하기"
관련 글 보기	"이 글과 관련된 정보도 확인해보세요"
전체 글 보기	"전체 글 한눈에 보기

 

(2)홈페이지/외부 페이지 이동

목적	추천 문구
홈페이지 이동	공식 홈페이지로 이동하기
서비스 소개	자세한 서비스 알아보기
포트폴리오 보기	포트폴리오 확인하기
외부 블로그/인스타 그램 이동	외부 채널에서 더 보기

 

(3)문의/상담/신청

목적	추천문구
문의하기	"지금 문의하기"
상담받기	"무료 상담 신청하기"
예약하기	"지금 예약하기"
자료다운로드	"가이드 다운로드 받기"

 

(4)구매/가입/신청유도

목적	추천문구
제품보기	"제품 상세 보기"
바로 구매	"지금 구매하기"
멤버십 가입	"멤버십 바로 가입하기"
혜택 확인	"가입 혜택 확인하기"

 

(5)일반적 행동 유도 표현(모든 상황에 사용 가능)

 -지금 확인해보세요.

 -지금 시작하세요

 -자세히 알아보기

 -클릭하고 이동하기

 -클릭 한 번으로 확인하기