คู่มือการใช้งานเว็บไซต์ขั้นสูง

              
              <iframe
  class="livedesk-widget-iframe"
  src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=iTMtGDnzR1tccf3fiikLjL71&action=autoStart"
  title="LiveDesk"
  allow="camera;microphone"
/>

            

              
              Array.from(document.getElementsByTagName('iframe'))
  .filter((iframe) => iframe.src && iframe.src.includes('livedesk'))
  .forEach((iframe) =>
    iframe.contentWindow?.postMessage(
      'livedesk-widget:' +
        JSON.stringify({
          event: 'set-user',
          identifier: 'your_user_id',
          user: { name: 'Display name', email: 'user@example.com' },
        }),
      '*',
    ),
  );

            

              
              <iframe
  class="livedesk-widget-iframe"
  src="https://livedesk-stg.engagelab.com/console/livedesk/widget/?website_token=Etsz4XtvqKi7iqbHf8Ma6ZLR&action=autoStart&user_id=5002"
  title="LiveDesk"
  allow="camera;microphone"
/>

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setUserId("Unique user ID (such as user_id)", {
    // พารามิเตอร์ตัวแรกคือตัวระบุที่ไม่ซ้ำกัน
    email: "user@example.com",
    name: "User name",
    avatar_url: "https://example.com/avatar.jpg", // ไม่บังคับ
    phone_number: "+1234567890", // ไม่บังคับ
  });
});

            

              
              const crypto = require("crypto");
const key = "Your HMAC Token"; // คัดลอกจากการตั้งค่า Inboxes
const message = "Unique user ID";
const identifier_hash = crypto
  .createHmac("sha256", key)
  .update(message)
  .digest("hex");

// ผนวกไปยัง setUser
window.$livedesk.setUserId("Unique user ID", {
  ...OtherInformation,
  identifier_hash: identifier_hash,
});

            

              
              window.$livedesk.setConversationCustomAttributes({
  utm_source: "google", // ตัวอย่าง: UTM ระดับบทสนทนา
  session_type: "support",
});

            

              
              window.addEventListener("livedesk:ready", function () {
  window.$livedesk.setCustomAttributes({
    pricing_plan: "premium", // Key: ตัวระบุที่ไม่ซ้ำกันซึ่งกำหนดไว้ล่วงหน้า; value: ค่าตามประเภท เช่น สตริง
    signup_date: new Date(), // ตัวอย่าง: ประเภทวันที่
    account_id: 123, // ตัวอย่าง: ประเภทตัวเลข
  });
});

            

              
              window.$livedesk.deleteCustomAttribute("pricing_plan"); // คีย์แอตทริบิวต์ประเภทสตริง

            

              
              window.$livedesk.toggle();

// สลับสถานะวิดเจ็ตโดยระบุสถานะ
window.$livedesk.toggle("open"); // เปิดวิดเจ็ตแชท
window.$livedesk.toggle("close"); // ปิดวิดเจ็ตแชท

            

              
              window.$livedesk.toggleBubbleVisibility("hide"); // แสดงหรือซ่อน

            

              
              window.$livedesk.popoutChatWindow();

            

              
              window.$livedesk.setLocale("en"); // รหัสภาษาประเภทสตริง เช่น zh-CN

            

              
              window.$livedesk.setLabel("support-ticket"); // ตัวระบุป้ายกำกับประเภทสตริง
window.$livedesk.removeLabel("support-ticket");

            

              
              <script>
  // 1. ตั้งค่าคอนฟิกส่วนกลางก่อนโหลด sdk.js
  // ต้องวางไว้ที่จุดเริ่มต้นของสคริปต์
  window.livedeskSettings = {
    // ตำแหน่งวิดเจ็ต: ล่างซ้าย (ค่าเริ่มต้นคือล่างขวา)
    position: "left",

    // บังคับใช้ภาษาจีนตัวย่อ (จะแสดงภาษาจีนแม้เบราว์เซอร์ตั้งค่าเป็นภาษาอังกฤษ)
    locale: "zh-CN",

    // ตรวจจับภาษาของเบราว์เซอร์โดยอัตโนมัติ หากต้องการให้ความสำคัญ
    // กับภาษาของเบราว์เซอร์ของผู้ใช้เป็นอันดับแรก ให้ตั้งค่านี้เป็น true และลบ locale ด้านบนออก
    // useBrowserLanguage: true,

    // ประเภทวิดเจ็ต: expanded_bubble = บับเบิลขนาดใหญ่พร้อมข้อความต้อนรับ;
    // standard = บับเบิลขนาดเล็กแบบคลาสสิก
    type: "expanded_bubble",

    // โหมดมืด (ตามการตั้งค่าระบบโดยอัตโนมัติหรือบังคับใช้โหมดมืด)
    darkMode: "auto", // ค่าที่เลือกได้: true | false | "auto"

    // ซ่อนไอคอนบับเบิลขนาดเล็กที่ด้านล่าง (เหมาะสำหรับใช้งานร่วมกับปุ่มแบบกำหนดเอง)
    hideMessageBubble: false,

    // ซ่อนปุ่มลูกศรหน้าต่างป๊อปอัปที่มุมขวาล่าง
    showPopoutButton: false,

    // ชื่อ Launcher แบบกำหนดเอง (แสดงในโหมด expanded_bubble)
    launcherTitle: "Online Support",

    // ข้อความต้อนรับ (มีผลในโหมด expanded_bubble)
    welcomeTitle: "Hello! How can we help you?",
    welcomeDescription: "We usually reply within a few minutes.",

    // ข้อความแจ้งที่แสดงเมื่อออนไลน์หรือออฟไลน์
    availableMessage: "We are online and ready to help",
    unavailableMessage:
      "We are currently offline and will reply as soon as possible during business hours",

    // สวิตช์เปิด/ปิดฟีเจอร์
    enableFileUpload: true, // อนุญาตให้อัปโหลดไฟล์
    enableEmojiPicker: true, // อนุญาตให้ใช้อีโมจิ
    enableEndConversation: true, // อนุญาตให้ผู้ใช้จบบทสนทนาได้ด้วยตนเอง

    // ตัวเลือกขั้นสูงอื่น ๆ (เปิดใช้งานตามต้องการ)
    // showUnreadMessagesDialog: true, // แสดงกล่องโต้ตอบแจ้งเตือนเมื่อมีข้อความที่ยังไม่ได้อ่าน (ค่าเริ่มต้นคือ true)
    // baseDomain: "yourcompany.com", // ใช้สำหรับการติดตั้งใช้งานหลายโดเมน
  };
</script>

<!-- 2. โหลด LiveDesk Widget SDK (แทนที่ด้วยโดเมนและโทเค็นของคุณเอง) -->
<script>
  (function (d, t) {
    var BASE_URL = "https://www.engagelab.com"; // เปลี่ยนเป็นที่อยู่ LiveDesk ของคุณ
    var g = d.createElement(t);
    var s = d.getElementsByTagName(t)[0];

    g.src = BASE_URL + "/packs/js/sdk.js";
    g.defer = true;
    g.async = true;
    s.parentNode.insertBefore(g, s);

    g.onload = function () {
      window.livedeskSDK.run({
        websiteToken: "abcdefgh1234567890abcdefgh123456", // เปลี่ยนเป็น Website Token ของคุณ
        baseUrl: BASE_URL,
      });
    };
  })(document, "script");
</script>