Google의 Direct Offers는 AI Mode에서 구매 의도가 높은 질문에 특별 할인 같은 혜택을 보여주는 시험 기능입니다. 모든 탐색 질문에 자동으로 혜택이 뜨는 방식은 아닙니다.
데모는 탐색 중에는 혜택 카드를 숨기고 구매 조건이 구체화되면 표시합니다. 광고임을 명확히 하고, 할인 전 가격과 적용 조건이 실제 상품 정보와 맞는지 확인해야 합니다.
언제 쓰나
고객이 구매 결정을 앞둔 맥락에서 관련 혜택을 제시할 때 검토합니다.
구매 의도별 직접 혜택
Direct Offers for shopping
구매 결정에 가까운 질문에 관련 혜택을 표시하는 시험적 광고 형식입니다.
···
<div class="offers"><div class="question" id="question">BROWSING / GOOD DESK LAMPS?</div><div class="answer">ARC TASK LIGHT <b>$39</b></div><div class="deal" id="deal"><small>SPONSORED DEAL</small><strong>10% OFF</strong><span>ELIGIBLE PURCHASE</span></div></div>.offers{width:min(88%,460px);font:900 clamp(10px,max(1.6vmin,1vw),14px)/1.2 sans-serif}.question{background:var(--fg);color:var(--bg);padding:clamp(8px,2vmin,17px)}.answer{padding:clamp(12px,2.5vmin,23px);border:1px solid var(--line);display:flex;justify-content:space-between;gap:6px;background:var(--surface)}.deal{display:flex;align-items:center;gap:clamp(6px,1.5vmin,14px);padding:clamp(9px,2vmin,18px);background:var(--accent);color:white;transition:.35s}.deal small{font-size:clamp(10px,max(1.1vmin,1vw),12px)}.deal strong{font-size:clamp(16px,3.5vmin,30px)}.deal span{margin-left:auto;text-align:right;font-size:clamp(10px,max(1.1vmin,1vw),12px)}.deal.hide{opacity:.15;transform:scaleY(.6);transform-origin:top}const q=document.querySelector('#question'),deal=document.querySelector('#deal');let intent=false;function render(){q.textContent=intent?'READY TO BUY / COMPACT LAMP UNDER $50':'BROWSING / GOOD DESK LAMPS?';deal.classList.toggle('hide',!intent)}render();setTimeout(()=>{intent=true;render()},650);setInterval(()=>{intent=!intent;render()},3500);