체험 릴스

Trial Reels

비팔로어에게 먼저 시험 게시하고 반응을 본 뒤 확대합니다.

···
html
<div class="s-demo"><div class="tr"><div class="tr-reel">TEST<br>REEL</div><div class="tr-step"><small>1</small>NON-FOLLOWERS</div><div class="tr-step"><small>2</small>REVIEW SIGNALS</div><div class="tr-step"><small>3</small>SHARE WIDER</div></div></div>
css
.s-demo{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(8px,3vmin,20px);font:700 clamp(10px,max(2.8vmin,1vw),16px)/1.25 sans-serif;color:var(--fg)}.s-demo *{box-sizing:border-box}@media(min-width:600px){.s-demo>div{transform:scale(1.4)}}.tr{display:flex;align-items:center;gap:clamp(4px,1.4vmin,12px);max-width:94vw}.tr-reel{width:clamp(62px,18vmin,115px);height:clamp(100px,29vmin,180px);display:grid;place-items:center;text-align:center;background:var(--fg);color:var(--bg);font-size:clamp(11px,max(3vmin,1vw),20px);font-weight:900;flex:none}.tr-step{min-width:0;width:clamp(56px,17vmin,118px);padding:clamp(5px,1.7vmin,12px) 3px;text-align:center;border:2px solid var(--line);font-size:clamp(10px,max(1.8vmin,1vw),12px);font-weight:900;animation:trstep 4s infinite}.tr-step:nth-child(3){animation-delay:.2s}.tr-step:nth-child(4){animation-delay:.4s}.tr-step small{display:block;font-size:clamp(14px,4vmin,27px);color:var(--accent)}@keyframes trstep{0%,20%{border-color:var(--line);transform:none}35%,80%{border-color:var(--accent);transform:translateY(-6px)}100%{border-color:var(--line)}}

체험 릴스는 릴스를 비팔로어에게 먼저 보여주는 시험 게시 방식입니다. 2025년 Meta는 이 기능을 더 넓게 제공한다고 발표했습니다.

데모는 시험 노출, 반응 확인, 전체 공유의 순서를 보여줍니다. 한 번의 시험 결과보다 여러 아이디어의 비교가 유용합니다.

비팔로어 반응이 팔로어 반응과 같다고 가정하지 마세요. 가상의 데모 수치는 실제 성과 예측이 아닙니다.

언제 쓰나

새로운 주제나 편집 형식을 본 계정에 공유하기 전에 시험할 때 씁니다.

페이지로 열기 ↗