การกำหนดค่า Web push

ในการเริ่มต้นส่งการแจ้งเตือน Web push ด้วย Pushwoosh คุณต้องกำหนดค่าแพลตฟอร์ม Web push ของคุณและเปิดใช้งานข้อความแจ้งให้สมัครรับ (subscription prompt) ที่แสดงต่อผู้ใช้

ในการเริ่มการกำหนดค่า ไปที่ Settings > Platform Configuration > Web Push Notifications และคลิก Configure

การกำหนดค่านี้ใช้ได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด รวมถึง Safari เวอร์ชันล่าสุด ซึ่งตอนนี้รองรับการแจ้งเตือน Web push แบบเนทีฟแล้ว

หมายเหตุ: Safari เวอร์ชันเก่า (macOS 10.14–12) ต้องการการตั้งค่าแยกต่างหาก คุณสามารถกำหนดค่าได้ในส่วนเฉพาะ เรียนรู้เพิ่มเติม

ในการเริ่มการตั้งค่า ให้คลิก Configure ใต้ All browsers configuration

ในหน้าต่างการกำหนดค่า เลือกหนึ่งในตัวเลือกต่อไปนี้:

• Create a new push configuration
  แนะนำหากคุณไม่เคยตั้งค่าการแจ้งเตือน Web push ผ่านบริการอื่นมาก่อน Pushwoosh จะสร้างคู่คีย์ VAPID ใหม่ให้โดยอัตโนมัติ

• Use existing configuration
  เลือกตัวเลือกนี้หากคุณมีคีย์ VAPID อยู่แล้ว เช่น จาก Firebase และต้องการใช้คีย์เดิมต่อไปโดยไม่ต้องขอให้ผู้ใช้สมัครรับใหม่อีกครั้ง

เลือก Create a new push configuration หากคุณไม่เคยตั้งค่าการแจ้งเตือน Web push กับบริการอื่นมาก่อน Pushwoosh จะสร้างคีย์ VAPID (Voluntary Application Server Identification) ที่จำเป็นให้คุณโดยอัตโนมัติ

คลิก Configure เพื่อสร้างและใช้คีย์

เมื่อสร้างแล้ว Pushwoosh จะใช้คีย์เหล่านี้ในการกำหนดค่า SDK โดยอัตโนมัติ เรียนรู้เพิ่มเติมเกี่ยวกับการผสานรวม Web Push SDK

หากคุณมีคีย์ VAPID อยู่แล้ว (เช่น คีย์ที่สร้างผ่าน Firebase) คุณสามารถนำมาใช้ซ้ำเพื่อตั้งค่าการแจ้งเตือน Web push ใน Pushwoosh ได้

สำหรับขั้นตอนนี้:

1. เลือก Use existing configuration

2. ในช่อง Web Push Certificate ให้ป้อน VAPID public key ของคุณ

3. ในช่อง Web Push Private Key ให้ป้อน VAPID private key ของคุณ

4. คลิก Configure เพื่อบันทึกและใช้การตั้งค่า

หากคุณกำลังย้ายจาก Firebase และต้องการใช้คีย์ VAPID ที่มีอยู่ของคุณซ้ำ ให้ทำตามขั้นตอนต่อไปนี้เพื่อค้นหา

1. ใน Firebase ไปที่ Project Settings → Cloud Messaging
2. เลื่อนลงไปที่ส่วน Web Configuration และคัดลอกคู่คีย์ (key pair) ที่มีอยู่

3. วางลงในช่อง Web Push Certificate ในฟอร์มการกำหนดค่าเว็บของ Pushwoosh

1. ใน Firebase Console ไปที่ Project Settings → Cloud Messaging → Web Configuration
2. คลิก เมนูสามจุด ใต้ Actions ถัดจากคู่คีย์ แล้วเลือก Show private key คีย์นี้จำเป็นเพื่อให้แน่ใจว่าการแจ้งเตือน Web Push ทำงานได้อย่างถูกต้อง

3. คัดลอกคีย์ที่แสดงไปยังคลิปบอร์ดของคุณ

4. ในฟอร์ม Pushwoosh Web Configuration ให้วางลงในช่อง Web Push Private Key

5. คลิก Apply เพื่อบันทึกการเปลี่ยนแปลงของคุณ

หากคุณได้ตั้งค่าการแจ้งเตือน Web push ไปแล้ว แต่ต้องการอัปเดตข้อมูลประจำตัวของคุณ (เช่น เปลี่ยนคีย์ VAPID) นี่คือวิธีการ:

1. คลิก Reconfigure ใต้ All browsers configuration

2. ในป๊อปอัปที่ปรากฏขึ้น ให้ป้อนคีย์ VAPID ใหม่ของคุณ:

   • Web Push Certificate: VAPID public key ใหม่ของคุณ
   • Web Push Private Key: VAPID private key ใหม่ของคุณ

3. คลิก Configure เพื่อบันทึกการเปลี่ยนแปลง

ในการส่งการแจ้งเตือนพุช ผู้ใช้จะต้องให้สิทธิ์อย่างชัดเจนผ่านข้อความแจ้งของเบราว์เซอร์ในระดับระบบ หากไม่ได้รับอนุญาตนี้ จะไม่สามารถส่งการแจ้งเตือนได้

เนื่องจากการเปลี่ยนแปลงนโยบายล่าสุดของ Chrome และ Firefox ป๊อปอัปขออนุญาตแบบเนทีฟจะปรากฏขึ้นได้ก็ต่อเมื่อผู้ใช้มีปฏิสัมพันธ์กับหน้าเว็บแล้วเท่านั้น (เช่น การคลิกปุ่ม) เพื่อให้เป็นไปตามข้อกำหนดนี้ Pushwoosh จะแสดง วิดเจ็ต Subscription Prompt เป็นค่าเริ่มต้น วิดเจ็ตนี้จะกระตุ้นให้ผู้ใช้เลือกรับ และเมื่อตกลงแล้ว จะเป็นการเรียกใช้ข้อความแจ้งของเบราว์เซอร์แบบเนทีฟ

ในการปรับแต่งข้อความและลักษณะที่ปรากฏของข้อความแจ้ง ให้คลิก Settings

มีข้อความแจ้งให้สมัครรับสองประเภทให้เลือกใช้:

• Default widget
  จัดหาโดย Pushwoosh และแสดงโดยอัตโนมัติ เรียนรู้วิธีปรับแต่งวิดเจ็ตเริ่มต้น

• Custom widget
  ใช้วิดเจ็ตที่คุณออกแบบเอง เรียนรู้เพิ่มเติม

หมายเหตุ: เนื่องจากข้อจำกัดของแพลตฟอร์ม การเปลี่ยนแปลงวิดเจ็ตอาจใช้เวลาถึง 30 นาทีจึงจะปรากฏ หากการเปลี่ยนแปลงไม่แสดงผล โปรดติดต่อทีมสนับสนุนของ Pushwoosh

เพื่อรองรับการแจ้งเตือนพุชบน Safari เวอร์ชันเก่า (macOS 10.14–12) คุณต้องดำเนินการกำหนดค่าแยกต่างหากโดยใช้ข้อมูลประจำตัว Apple Developer ของคุณ ขั้นตอนนี้จำเป็นสำหรับเวอร์ชันเก่าเหล่านี้เท่านั้น เนื่องจาก Safari เวอร์ชันใหม่ (macOS Ventura และใหม่กว่า) รองรับการตั้งค่า Web push มาตรฐานที่รวมอยู่ใน การกำหนดค่าสำหรับทุกเบราว์เซอร์

1. ไปที่ส่วน Certificates, Identifiers & Profiles ของ Apple Developer Portal

2. เพิ่มใบรับรองใหม่ (Add new certificate)

3. เลือกประเภท Website Push ID Certificate และคลิก Continue

4. เลือก Website Push ID - ซึ่งเป็นสตริง reverse-domain ที่ไม่ซ้ำกันของคุณ เช่น web.com.example.domain (ต้องขึ้นต้นด้วย web.)

5. อัปโหลด Certificate Signing Request หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการสร้าง Certificate Signing Request โปรดดูบทความ Developer Account Help

6. หลังจากนั้น ให้ดาวน์โหลดใบรับรองการแจ้งเตือนพุช

1. คลิก Configure ใต้ Safari Configuration

2. กรอกข้อมูลในฟอร์มการกำหนดค่าดังต่อไปนี้:

3. คลิก Configure เพื่อบันทึกการเปลี่ยนแปลงของคุณ

Pushwoosh จะสร้าง push package พร้อมชุดไอคอน, website JSON dictionary และไฟล์ manifest ที่ Safari ร้องขอจากเซิร์ฟเวอร์โดยอัตโนมัติ คุณสามารถดาวน์โหลดได้ทุกเมื่อที่ต้องการ