SocialHub.AI
ศูนย์พัฒนา · แบบฟอร์มลงทะเบียนบนเว็บ

รวบรวมการสมัครจากเว็บไซต์ของคุณเอง

รหัส QR ในร้านค้าของคุณเก็บข้อมูลสมาชิกอยู่แล้ว นี่ก็เช่นเดียวกันสำหรับเว็บ: แบบฟอร์ม HTML ที่คัดลอกและวางลงในหน้าใดก็ได้ มันจะส่งข้อมูลไปยัง capture pipeline เดียวกัน — ดังนั้นการลงทะเบียนบนเว็บไซต์จะได้รับบันทึกความยินยอม คูปองต้อนรับ การป้องกันบอท และ CCPA การจัดการแบบเดียวกันกับการสแกน QR ไม่ต้องใช้คีย์ ไม่ต้องใช้ SDK ไม่ต้องใช้แบ็กเอนด์

01 — มันทำงานอย่างไร

แบบฟอร์มเดียว โพสต์ไปยังจุดสิ้นสุดเดียว

แบบฟอร์ม POSTส่งเนื้อหา JSON ขนาดเล็กไปยังปลายทางการจับภาพของร้านค้าของคุณ ปลายทางเปิดใช้งาน CORS ดังนั้นแบบฟอร์มจึงใช้งานได้จากโดเมนของคุณเอง — ไม่ต้องใช้พร็อกซีหรือโค้ดเซิร์ฟเวอร์ฝั่งของคุณ:

POST https://flash.socialhub.ai/api/flash/capture/YOUR_SHORT_CODE

รับรหัสสั้นของคุณ

รหัส QR ของทุกร้านค้ามีรหัสย่อ (ร้านค้า → เปิดร้านค้า → รหัส QR) ใช้ใน URL ปลายทาง — จะระบุร้านค้าและแบรนด์ ไม่จำเป็นต้องใช้คีย์

วางแบบฟอร์ม

วางตัวอย่างข้อมูลในตัวเองลงในหน้าใดก็ได้ มันแสดงแบบฟอร์ม ดำเนินการป้องกันบอท และโพสต์เมื่อส่ง

Flash ทำส่วนที่เหลือ

ผู้ติดต่อแบบรวมหนึ่งรายการถูกสร้างขึ้นหรืออัปเดต บันทึกความยินยอม และหากโค้ด QR มีคูปองต้อนรับ จะมีการออกให้ เช่นเดียวกับการจับภาพในร้านค้า

02 — ติดตั้ง

ตั้งค่า YOUR_SHORT_CODE แล้ววางลงไป

ทำงานได้ด้วยตัวเอง — ไม่ต้องใช้สคริปต์ภายนอกหรือการพึ่งพาใดๆ ปรับแต่งสไตล์ให้เข้ากับเว็บไซต์ของคุณ เก็บส่วนล่อลวง website และ _t timestamp ที่ซ่อนอยู่ไว้ — เพราะเป็นส่วนป้องกันบอท คุณยังสามารถสร้างโค้ดนี้สำหรับร้านค้าเฉพาะได้ที่ ร้านค้า → รหัส QR → “ฝังในเว็บไซต์ของคุณ”

index.html
<!-- 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>
03 — ขอสัญญา

เนื้อหา JSON

ส่ง application/json การตอบสนองคือ { success: true, couponCode?, couponExpiresAt?, isRepeat } เมื่อได้รับการยอมรับ หรือ success:false พร้อมด้วยรหัสข้อผิดพลาด

สนามประเภทหมายเหตุ
emailstringอีเมลของสมาชิก ที่จำเป็น.
opt_inbooleanความยินยอมทางการตลาดจากช่องทำเครื่องหมายของคุณ บันทึกไว้ด้วยการจับ.
_tstringหน่วยมิลลิวินาทีเมื่อแบบฟอร์มแสดงผล — ขับเคลื่อนการตรวจสอบบอทเวลากรอกขั้นต่ำ จำเป็น
websitestring?ช่อง Honeypot ซ่อนไว้และปล่อยว่างไว้ หากกรอกค่าใดๆ จะถือว่าเป็นบอท
fpstring?ลายนิ้วมือของอุปกรณ์เสริมที่คุณสร้าง
04 — การป้องกัน

มีการป้องกันบอทในตัว

รหัสแบบสั้นเป็นแบบสาธารณะ (อยู่ในแหล่งที่มาของหน้าของคุณ) ดังนั้นตำแหน่งข้อมูลจะปกป้องตัวเองฝั่งเซิร์ฟเวอร์ — การป้องกันแบบเดียวกับขั้นตอนการจับภาพในร้านค้า:

การจำกัดอัตรา · เปิดใช้งานตลอดเวลา

ตำแหน่งข้อมูลจะจำกัดจำนวนการสมัครใช้งานที่แหล่งหนึ่งสามารถส่งได้ ดังนั้นโค้ดแบบสั้นที่คัดลอกไว้จึงไม่ทำให้รายการของคุณท่วมท้น

Honeypot + การกำหนดเวลา

ช่องข้อมูลเว็บไซต์ที่ซ่อนอยู่และการแสดงผล _t timestamp จะดักจับการส่งข้อมูลที่เขียนด้วยสคริปต์ซึ่งกรอกข้อมูลในช่องที่ซ่อนอยู่หรือส่งข้อมูลทันที

อีเมลแบบใช้แล้วทิ้ง + ยามที่ซ้ำกัน

โดเมนที่ทิ้งจะถูกปฏิเสธ และอีเมลซ้ำในร้านค้าเดียวกันจะถูกขจัดข้อมูลซ้ำ ไม่มีการนับซ้ำ

ซื่อสัตย์เกี่ยวกับขีดจำกัด

สิ่งเหล่านี้ยกระดับรูปแบบสาธารณะ สำหรับการนำเข้าที่มีความไวสูง ให้ส่งแบบเซิร์ฟเวอร์ถึงเซิร์ฟเวอร์ผ่าน API ที่ได้รับการรับรองความถูกต้องแทน

05 — ความยินยอมและความเป็นส่วนตัว

ขอความยินยอม ไม่ใช่แค่ที่อยู่

การยินยอมเข้าร่วมจะถูกบันทึกไว้

ช่องทำเครื่องหมาย opt_in จะถูกจัดเก็บไว้พร้อมกับการเก็บข้อมูล ดังนั้นการส่งข้อมูลในขั้นตอนถัดไปจะเคารพว่าผู้เข้าชมตกลงรับการตลาดหรือไม่

CCPA-ทราบ

การจัดการการเปิดเผยข้อมูลเหมือนกับขั้นตอน QR — ผู้เยี่ยมชมจากแคลิฟอร์เนียจะได้รับการแจ้งเตือนที่จำเป็นทางฝั่งเซิร์ฟเวอร์

ไม่มีความลับในเพจ

มีการเปิดเผยเฉพาะรหัสย่อสาธารณะเท่านั้น ไม่มีคีย์ API ที่จะรั่วไหลบนไซต์ของคุณ

แบนเนอร์ยินยอมของคุณก่อน

หากคุณใช้ตัวจัดการความยินยอม ให้ปิดกั้นแบบฟอร์มไว้เบื้องหลังตัวจัดการนั้น เพื่อให้คุณเก็บรวบรวมข้อมูลเฉพาะในส่วนที่คุณมีสิทธิ์เท่านั้น

จับภาพทุกที่ที่ลูกค้าของคุณอยู่

วางจำหน่ายที่ร้านผ่าน QR และตอนนี้บนเว็บไซต์ของคุณแล้ว ทุกการสมัครสมาชิกจะอยู่ในโปรไฟล์สมาชิกที่รวมเป็นหนึ่งเดียว