รวบรวมการสมัครจากเว็บไซต์ของคุณเอง
รหัส QR ในร้านค้าของคุณเก็บข้อมูลสมาชิกอยู่แล้ว นี่ก็เช่นเดียวกันสำหรับเว็บ: แบบฟอร์ม HTML ที่คัดลอกและวางลงในหน้าใดก็ได้ มันจะส่งข้อมูลไปยัง capture pipeline เดียวกัน — ดังนั้นการลงทะเบียนบนเว็บไซต์จะได้รับบันทึกความยินยอม คูปองต้อนรับ การป้องกันบอท และ CCPA การจัดการแบบเดียวกันกับการสแกน QR ไม่ต้องใช้คีย์ ไม่ต้องใช้ 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? | ช่อง Honeypot ซ่อนไว้และปล่อยว่างไว้ หากกรอกค่าใดๆ จะถือว่าเป็นบอท |
fp | string? | ลายนิ้วมือของอุปกรณ์เสริมที่คุณสร้าง |
มีการป้องกันบอทในตัว
รหัสแบบสั้นเป็นแบบสาธารณะ (อยู่ในแหล่งที่มาของหน้าของคุณ) ดังนั้นตำแหน่งข้อมูลจะปกป้องตัวเองฝั่งเซิร์ฟเวอร์ — การป้องกันแบบเดียวกับขั้นตอนการจับภาพในร้านค้า:
การจำกัดอัตรา · เปิดใช้งานตลอดเวลา
ตำแหน่งข้อมูลจะจำกัดจำนวนการสมัครใช้งานที่แหล่งหนึ่งสามารถส่งได้ ดังนั้นโค้ดแบบสั้นที่คัดลอกไว้จึงไม่ทำให้รายการของคุณท่วมท้น
Honeypot + การกำหนดเวลา
ช่องข้อมูลเว็บไซต์ที่ซ่อนอยู่และการแสดงผล _t timestamp จะดักจับการส่งข้อมูลที่เขียนด้วยสคริปต์ซึ่งกรอกข้อมูลในช่องที่ซ่อนอยู่หรือส่งข้อมูลทันที
อีเมลแบบใช้แล้วทิ้ง + ยามที่ซ้ำกัน
โดเมนที่ทิ้งจะถูกปฏิเสธ และอีเมลซ้ำในร้านค้าเดียวกันจะถูกขจัดข้อมูลซ้ำ ไม่มีการนับซ้ำ
ซื่อสัตย์เกี่ยวกับขีดจำกัด
สิ่งเหล่านี้ยกระดับรูปแบบสาธารณะ สำหรับการนำเข้าที่มีความไวสูง ให้ส่งแบบเซิร์ฟเวอร์ถึงเซิร์ฟเวอร์ผ่าน API ที่ได้รับการรับรองความถูกต้องแทน
ขอความยินยอม ไม่ใช่แค่ที่อยู่
การยินยอมเข้าร่วมจะถูกบันทึกไว้
ช่องทำเครื่องหมาย opt_in จะถูกจัดเก็บไว้พร้อมกับการเก็บข้อมูล ดังนั้นการส่งข้อมูลในขั้นตอนถัดไปจะเคารพว่าผู้เข้าชมตกลงรับการตลาดหรือไม่
CCPA-ทราบ
การจัดการการเปิดเผยข้อมูลเหมือนกับขั้นตอน QR — ผู้เยี่ยมชมจากแคลิฟอร์เนียจะได้รับการแจ้งเตือนที่จำเป็นทางฝั่งเซิร์ฟเวอร์
ไม่มีความลับในเพจ
มีการเปิดเผยเฉพาะรหัสย่อสาธารณะเท่านั้น ไม่มีคีย์ API ที่จะรั่วไหลบนไซต์ของคุณ
แบนเนอร์ยินยอมของคุณก่อน
หากคุณใช้ตัวจัดการความยินยอม ให้ปิดกั้นแบบฟอร์มไว้เบื้องหลังตัวจัดการนั้น เพื่อให้คุณเก็บรวบรวมข้อมูลเฉพาะในส่วนที่คุณมีสิทธิ์เท่านั้น
จับภาพทุกที่ที่ลูกค้าของคุณอยู่
วางจำหน่ายที่ร้านผ่าน QR และตอนนี้บนเว็บไซต์ของคุณแล้ว ทุกการสมัครสมาชิกจะอยู่ในโปรไฟล์สมาชิกที่รวมเป็นหนึ่งเดียว