คู่มือการผสานรวม Web SDK

เอกสารนี้เป็นคู่มือการผสานรวมมาตรฐานสำหรับ MA Web SDK

การเตรียมตัวก่อนการผสานรวม

• เพื่อใช้บริการ EngageLab MA คุณจำเป็นต้องผสานรวมโมดูล WebPush ก่อน
• เตรียมชื่อโดเมนบริการเว็บ HTTPS ที่สามารถเข้าถึงได้ หลังจากการผสานรวมแล้ว จำเป็นต้องทดสอบและดีบักหน้าเว็บภายใต้ชื่อโดเมนนี้ การแจ้งเตือนแบบพุชออฟไลน์บนเว็บไม่รองรับการดีบักในเครื่องและ HTTP
• เข้าถึง EngageLab WebPush และในหน้า [การตั้งค่าการผสานรวม] - [ชื่อโดเมนเว็บไซต์] ให้กรอกชื่อโดเมนบริการเว็บ HTTPS

คำอธิบายผลิตภัณฑ์

โมดูล MA ใน EngageLab Web SDK ให้บริการฟังก์ชันการรวบรวมและรายงานข้อมูล ซึ่งใช้ในสถานการณ์ต่าง ๆ เช่น การสร้าง EUID การตั้งค่าคุณสมบัติของผู้ใช้ และการรายงานเหตุการณ์

สถานการณ์หลัก:

ตั้งค่าคุณสมบัติหลากหลายประเภทและรายงานเหตุการณ์หลากหลายประเภท

รับข้อมูลแอปพลิเคชัน

คุณจำเป็นต้องสร้างแอปพลิเคชันในคอนโซล WebPush หลังจากสร้างสำเร็จแล้ว จะมีการสร้าง AppKey โดยอัตโนมัติเพื่อระบุแอปพลิเคชันนี้ สำหรับรายละเอียดเพิ่มเติม โปรดดูที่ เอกสารการตั้งค่าแอปพลิเคชัน

การเข้าถึง SDK

ไปที่ คอนโซล ดาวน์โหลด SDK และเข้าถึง JavaScript ในแต่ละหน้า:

              
              <script type="text/javascript" src="./webPushSdk.min.3.0.0.js"></script>

            

เคล็ดลับ

หลังจากนำเข้า JavaScript นี้ ให้ส่งคุณสมบัติ maOpen พร้อมค่าที่เป็น true เพื่อเปิดใช้งานการตั้งค่า MA และจากนั้นคุณสามารถใช้ API และฟังก์ชันที่เกี่ยวข้องของ MA ได้

การเริ่มต้น SDK

              
                  // เริ่มต้น (เปิดใช้งาน MA)
    MTpushInterface.init({
        appkey: "", // จำเป็น. ดูส่วนด้านบนเกี่ยวกับการรับข้อมูลแอปพลิเคชัน
        user_str: "adminDemo", // จำเป็น. ตัวระบุผู้ใช้ที่ใช้ระบุผู้ใช้
        swUrl: '', // ค่าเริ่มต้นคือ "/sw.min." + sdkEnv.version + ".js". รายการการตั้งค่านี้คือที่อยู่ของไฟล์ server worker ชื่อโดเมนต้องเป็นชื่อโดเมนปัจจุบัน และเส้นทางจะกำหนดขอบเขตของ server worker
        maOpen: true, // เปิดสวิตช์เพื่อเปิดใช้งานฟังก์ชัน MA
        debugMode: boolean; // ตั้งค่าว่าจะเปิดใช้งานโหมดดีบักหรือไม่ หากเป็น true จะมีการพิมพ์ข้อมูลล็อกเพิ่มเติม หากตั้งค่าเป็น false จะมีการแสดงเฉพาะล็อกระดับ w และ e เท่านั้น
        channel: string; // ชื่อช่อง ค่าเริ่มต้นคือ: default-channel
        appName: string; // ใช้ตั้งชื่อเว็บไซต์สำหรับการรายงาน
    });

            

API เพิ่มเติม

สำหรับการใช้งาน API อื่น ๆ โปรดดูเอกสารอินเทอร์เฟซ: Web SDK API