Smart+ campaigns

스마트플러스 자동 캠페인

Tunes automation across targeting, creative, placement, and budget.

···
html
<div class="smart"><div class="header">CAMPAIGN CONTROLS <span>SALES GOAL</span></div><div class="setting" id="target"><span>TARGETING</span><b id="target-label">AUTO</b><i></i></div><div class="setting" id="budget"><span>BUDGET</span><b id="budget-label">AUTO</b><i></i></div><div class="flow"><span>INPUTS</span><em>→</em><strong id="result">SYSTEM MIXES OPTIONS</strong></div><button id="toggle" type="button">CHANGE CONTROL</button></div>
css
.smart{width:min(88%,480px);font:800 clamp(10px,max(2vmin,1vw),16px)/1.2 sans-serif}.header{display:flex;justify-content:space-between;gap:8px;background:var(--fg);color:var(--bg);padding:clamp(7px,1.7vmin,13px)}.header span{color:var(--bg)}.setting{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(6px,2vmin,14px);background:var(--surface);border:1px solid var(--line);padding:clamp(8px,2vmin,16px);margin-top:clamp(6px,1.5vmin,11px)}.setting b{color:var(--accent)}.setting i{width:clamp(24px,5vmin,40px);height:clamp(13px,2.8vmin,22px);background:var(--line);border-radius:20px;position:relative}.setting i:after{content:'';position:absolute;left:2px;top:2px;height:calc(100% - 4px);aspect-ratio:1;border-radius:50%;background:var(--fg);transition:left .3s}.setting.auto i{background:var(--accent)}.setting.auto i:after{left:calc(100% - 18px);background:var(--bg)}.flow{display:flex;align-items:center;gap:6px;border-top:2px solid var(--fg);margin-top:clamp(8px,2vmin,16px);padding-top:clamp(7px,1.6vmin,13px)}.flow strong{color:var(--accent)}.flow em{font-style:normal}button{margin-top:8px;border:1px solid var(--fg);color:var(--fg);background:var(--surface);font:inherit;padding:5px 9px;cursor:pointer}
js
let n=0;let manual=false;const states=[[true,true,'SYSTEM MIXES OPTIONS'],[false,true,'YOU SET AUDIENCE'],[false,false,'YOU SET BOTH']];function draw(){const [t,b,label]=states[n++%3];document.getElementById('target').classList.toggle('auto',t);document.getElementById('budget').classList.toggle('auto',b);document.getElementById('target-label').textContent=t?'AUTO':'GUIDED';document.getElementById('budget-label').textContent=b?'AUTO':'MANUAL';document.getElementById('result').textContent=label}document.getElementById('toggle').addEventListener('click',()=>{manual=true;draw()});draw();setInterval(()=>{if(!manual)draw()},1400);

TikTok described Smart+ in 2026 as campaign automation that can be tuned to a business goal. Advertisers can automate or guide targeting, creative, placement, and budget or bidding choices.

The demo changes targeting and budget automation switches in a fictional campaign setup. It shows control choices, not a promise that one setting will outperform another.

Set the goal, conversion data, and brand limits before automating. Keep manual controls where they matter and check feature availability in the account.

When to use

Use it to automate campaign setup while retaining controls where needed.

Open as page ↗