영상 안에서 시청자에게 구독·좋아요·댓글 같은 행동을 직접 요청하는 말이나 화면 요소.
<div class="vid">
<div class="lbl">핵심 정보를 준 직후</div>
<div class="cta"><span class="btn">구독</span><span class="like">♥</span></div>
<div class="bar"><i></i></div></div>.vid{position:relative;width:min(92%,170vmin*1.3);aspect-ratio:16/9;max-height:92%;border-radius:10px;overflow:hidden;
background:linear-gradient(135deg,#232b55,#0e1226);border:1px solid var(--line);font-family:sans-serif;color:#fff}
.bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.2)}
.bar i{display:block;height:100%;background:#ff3d57;width:0;animation:prog 6s linear infinite}
@keyframes prog{0%{width:0}100%{width:100%}}
.lbl{position:absolute;top:8%;left:5%;font:600 clamp(8px,3vmin,13px) sans-serif;color:#cfd3ee}
.cta{position:absolute;right:6%;bottom:14%;display:flex;align-items:center;gap:8px;animation:cta 6s ease infinite}
.btn{background:#ff3d57;color:#fff;font:800 clamp(10px,3.6vmin,16px) sans-serif;padding:6px 14px;border-radius:99px;animation:press 6s ease infinite}
.like{font-size:clamp(14px,5vmin,24px);color:#fff;animation:heart 6s ease infinite}
@keyframes cta{0%,30%{opacity:0;transform:translateY(14px)}38%,75%{opacity:1;transform:translateY(0)}85%,100%{opacity:0}}
@keyframes press{0%,52%{transform:scale(1);background:#ff3d57}56%{transform:scale(.88)}62%,100%{transform:scale(1);background:#555}}
@keyframes heart{0%,58%{color:#fff;transform:scale(1)}66%{color:#ff3d57;transform:scale(1.5)}75%,100%{color:#ff3d57;transform:scale(1)}}웹 화면의 버튼과 달리 영상 안의 CTA 는 **말, 자막, 그래픽**으로 전달됩니다. 대표 형태는 "구독과 좋아요 부탁드려요" 같은 멘트, 화면 구석에 뜨는 구독 버튼 애니메이션, 자막 속 화살표 그래픽입니다.
효과는 **타이밍**이 좌우합니다. 시작 직후에 요청하면 아직 가치를 못 받은 시청자에게 부담이고, 맨 끝에 하면 이미 떠난 사람이 많습니다. 흔히 쓰는 방식은 시청자가 가치를 느낀 직후(핵심 정보를 준 다음)에 **짧게 한 번**, 그리고 엔드 스크린(→ end-screen)에서 한 번 더입니다.
한 번에 하나만 요청하세요. "구독, 좋아요, 댓글, 알림 설정, 공유"를 한꺼번에 말하면 어느 것도 행동으로 이어지지 않습니다. 이유를 함께 주면("다음 편을 놓치지 않으려면") 더 잘 작동합니다.
채널 성장이 목표인 영상, 광고·프로모션 영상의 전환 유도 장면을 설계할 때. 영상 길이에 맞춰 1~2번으로 제한하세요.