자체 웹사이트에서 가입자를 수집합니다.
매장 내 QR 코드는 이미 회원 정보를 수집하고 있습니다. 웹사이트에서도 마찬가지입니다. 어떤 페이지에든 복사해서 붙여넣기만 하면 되는 HTML 양식입니다. 동일한 회원 정보 수집 파이프라인으로 전송되므로, 웹사이트 가입은 QR 코드 스캔과 동일한 동의 기록, 환영 쿠폰, 봇 방지 및 CCPA 처리 기능을 제공받습니다. 키도, SDK도, 백엔드도 필요 없습니다.
하나의 양식으로 하나의 엔드포인트에 게시
POST 양식은 스토어의 캡처 엔드포인트로 전송되는 작은 JSON 본문을 포함합니다. 이 엔드포인트는 CORS를 지원하므로 프록시나 서버 코드 없이도 자체 도메인에서 양식이 작동합니다.
단축 코드 받기
모든 매장의 QR 코드에는 단축 코드가 있습니다(매장 → 매장 열기 → QR 코드). 이 단축 코드를 엔드포인트 URL에 사용하세요. 이 코드는 매장과 브랜드를 식별하므로 별도의 키가 필요하지 않습니다.
양식 붙여넣기
이 독립형 코드 조각을 원하는 페이지에 삽입하세요. 폼을 렌더링하고, 봇 방지 기능을 수행하며, 제출 시 게시물을 올립니다.
Flash이 나머지 작업을 수행합니다.
하나의 통합된 연락처가 생성되거나 업데이트되고, 동의가 기록되며, QR 코드에 환영 쿠폰이 있는 경우 매장 내 캡처와 똑같이 발행됩니다.
YOUR_SHORT_CODE을 설정하고 붙여넣으세요.
자체 포함형 - 외부 스크립트나 종속성 없음. 사이트에 맞게 스타일을 지정하세요. 숨겨진 website 허니팟과 _t timestamp는 봇 방어용으로 그대로 두세요. 또한 스토어 → QR 코드 → "웹사이트에 삽입"에서 특정 스토어에 대한 스니펫을 생성할 수 있습니다.
<!-- SocialHub signup form — paste anywhere in your site's HTML -->
<form class="flash-signup" style="max-width:340px;font-family:sans-serif">
<input type="email" name="email" required placeholder="Email address"
style="width:100%;padding:10px;margin-bottom:8px;border:1px solid #ccc;border-radius:6px" />
<label style="display:block;font-size:13px;margin-bottom:8px">
<input type="checkbox" name="opt_in" checked /> Send me offers and updates
</label>
<!-- honeypot: real people never fill this; bots do -->
<input type="text" name="website" tabindex="-1" autocomplete="off"
style="position:absolute;left:-9999px" aria-hidden="true" />
<button type="submit" style="width:100%;padding:10px;border:0;border-radius:6px;background:#111;color:#fff;cursor:pointer">Sign up</button>
</form>
<script>
(function () {
var f = document.currentScript.previousElementSibling;
var t = Date.now(); // render time — the min-fill-time bot check
f.addEventListener("submit", function (e) {
e.preventDefault();
fetch("https://flash.socialhub.ai/api/flash/capture/YOUR_SHORT_CODE", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
email: f.email.value,
opt_in: f.opt_in.checked,
_t: String(t),
website: f.website.value // honeypot value
})
})
.then(function (r) { return r.json(); })
.then(function (d) { f.innerHTML = d && d.success ? "<p>Thanks — you're signed up!</p>" : "<p>Sorry, something went wrong.</p>"; })
.catch(function () { f.innerHTML = "<p>Sorry, something went wrong.</p>"; });
});
})();
</script>JSON 본문
application/json을 전송합니다. 수락 시 { success: true, couponCode?, couponExpiresAt?, isRepeat } 응답을 받고, 그렇지 않을 경우 오류 코드와 함께 success:false을 반환합니다.
| 필드 | 유형 | 메모 |
|---|---|---|
email | string | 구독자의 이메일 주소. 필수입니다. |
opt_in | boolean | 확인란을 선택하여 마케팅 동의를 받으세요. 캡처와 함께 녹음되었습니다. |
_t | string | 폼 렌더링 시간(밀리초) - 최소 입력 시간 봇 검사에 사용됩니다. 필수 항목입니다. |
website | string? | 허니팟 필드입니다. 숨겨두고 비워 두세요. 값을 입력하면 봇으로 간주됩니다. |
fp | string? | 귀하가 생성하는 선택적 장치 지문입니다. |
내장된 봇 방어
숏코드는 공개되어 있으므로(페이지 소스에 있음) 엔드포인트는 서버 측에서 자체적으로 보호됩니다. 이는 매장 내 캡처 흐름과 동일한 보호 조치입니다.
속도 제한 · 상시 작동
엔드포인트는 한 소스에서 보낼 수 있는 가입 수를 제한하므로 복사된 단축 코드로 인해 목록이 넘치지 않습니다.
인기 전략 + 타이밍
숨겨진 웹사이트 필드와 _t 렌더링 timestamp은 숨겨진 필드를 채우거나 즉시 제출하는 스크립트 기반 제출을 포착합니다.
일회용 이메일 + 중복 경비원
일회용 도메인은 거부되고, 동일한 스토어에 대한 반복 이메일은 중복 계산되지 않고 중복 제거됩니다.
제한 사항에 대해 솔직하게 알려주세요.
이는 공개 형식에 대한 기준을 높입니다. 고감도 수집의 경우 대신 인증된 API을 통해 서버 간을 보냅니다.
주소뿐 아니라 동의도 확보
옵트인 기록 저장.
그만큼 opt_in 체크박스 정보는 캡처된 데이터와 함께 저장되므로, 하위 시스템에서는 방문자가 마케팅에 동의했는지 여부를 확인할 수 있습니다.
CCPA-인식
QR 흐름과 동일한 정보 공개 처리 방식 - 캘리포니아 방문자는 서버 측에서 필요한 알림을 받습니다.
페이지에 비밀이 없습니다
공개된 단축 코드만 노출됩니다. 사이트에 유출될 수 있는 API 키는 없습니다.
먼저 동의 배너를 확인하세요.
동의 관리자를 사용하는 경우, 권한이 있는 경우에만 정보를 수집하도록 양식에 접근 제한을 설정하세요.