รวมบริการที่กำหนดค่าไว้ล่วงหน้า ตัวแทน ใน ServiceNow

คุณสามารถฝังตัวแทนบริการที่กำหนดค่าล่วงหน้าไว้ในเดสก์ท็อปโดยตรงพร้อมการรับรู้บริบทของแพลตฟอร์มพื้นฐาน ServiceNow การบูรณาการนี้ช่วยให้แอปพลิเคชันตอบสนองได้ดีขึ้น และช่วยปรับปรุงเวิร์กโฟลว์สำหรับตัวแทนของคุณให้ดียิ่งขึ้น

ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะเริ่มต้น คุณต้องมีสภาพแวดล้อมและคอนโซลต่อไปนี้:

• อินสแตนซ์ Copilot สำหรับการบริการเชื่อมต่อกับสภาพแวดล้อม ServiceNow
• สภาพแวดล้อมการทำงานจริงหรือสภาพแวดล้อมการทดลองใช้ของ ServiceNow

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

ขั้นตอนที่ 1: คัดลอก URL วิดเจ็ต Copilot สำหรับการบริการ

1. ลงชื่อเข้าใช้อินสแตนซ์ Copilot สำหรับการบริการของคุณ
2. บนแผนผังเว็บไซต์ ให้เลือก ช่องทาง แล้วเลือก ServiceNow
3. คัดลอก URL ที่เริ่มต้นหลัง <iframe src= ตัวอย่างเช่น https://copilotforservice-test.azureedge.net/widget/index.html?dynamicsUrl=https://XXXXXX.crm10.dynamics.com
4. บันทึก URL ไว้ในเครื่อง ซึ่งคุณสามารถคัดลอกและวางในขั้นตอนต่อไป

ขั้นตอนที่ 2: ติดตั้งปลั๊กอิน API ความรู้

1. ในสภาพแวดล้อม ServiceNow ของคุณ ให้เลือก ทั้งหมด ค้นหาปลั๊กอิน จากนั้นเลือก คำจำกัดความของระบบ>ปลั๊กอิน
2. ค้นหา API ความรู้ ระบบควรส่งคืน ปลั๊กอิน API ความรู้ (รหัสแอป: sn_km_api)
3. เลือกการ์ด API ความรู้
4. เลือก ติดตั้ง จากนั้นเลือกเวอร์ชันล่าสุด
5. เลือก ติดตั้งเดี๋ยวนี้ จากนั้นรอให้การติดตั้ง API ความรู้เสร็จสิ้น

ขั้นตอนที่ 3: ติดตั้งปลั๊กอิน Openframe

1. ในสภาพแวดล้อม ServiceNow ของคุณ ให้เลือก ทั้งหมด ค้นหาปลั๊กอิน จากนั้นเลือก คำจำกัดความของระบบ>ปลั๊กอิน
2. ค้นหา Openframe ระบบควรจะส่งคืน ปลั๊กอิน openframe (รหัสปลั๊กอิน: com.sn_openframe)
3. เลือก ติดตั้ง เพื่อเริ่มต้นการติดตั้งปลั๊กอิน
4. เลือก ติดตั้ง จากนั้นรอให้การติดตั้งเสร็จสิ้น

ขั้นตอนที่ 4: ติดตั้งปลั๊กอิน Customer Service

1. ในสภาพแวดล้อม ServiceNow ของคุณ ให้เลือก ทั้งหมด ค้นหาปลั๊กอิน จากนั้นเลือก คำจำกัดความของระบบ>ปลั๊กอิน
2. ค้นหา com.sn_customerservice ระบบควรจะส่งคืน Customer Service (รหัสปลั๊กอิน: com.sn_customerservice)
3. เลือก ติดตั้ง เพื่อเริ่มต้นการติดตั้งปลั๊กอิน
4. เลือก ติดตั้ง จากนั้นรอให้การติดตั้งเสร็จสิ้น

ขั้นตอนที่ 5: เพิ่มสคริปต์ UI สำหรับตัวนำทางพื้นที่ทำงาน

1. ในสภาพแวดล้อม ServiceNow ของคุณ ตรวจสอบให้แน่ใจว่าคุณอยู่ในพื้นที่ทำงาน ทั่วโลก: เลือกไอคอนลูกโลกที่มุมขวาบน จากนั้นตรวจสอบว่า ขอบเขตแอปพลิเคชัน ตั้งค่าเป็น ทั่วโลก
2. เลือก ทั้งหมด แล้วค้นหา สคริปต์ UI แล้วเลือก UI ของระบบ>สคริปต์ UI
3. เลือก ใหม่ แล้วกรอกฟอร์มดังนี้:
   • ชื่อ API: Copilot สคริปต์เวิร์กสเปซเฟรมเปิด
   • ประเภท UI: พอร์ทัลมือถือ/บริการ
   • สคริปต์: คัดลอกเนื้อหาของสคริปต์ต่อไปนี้:

 (function () {
  try {
    var logMoniker = "Copilot Navigator UI script: ";

    if (!globalThis.copilotNavigationWorkspaceListenerAdded) {
      console.log(logMoniker + "loading workspace navigator....");
      var payload = {
        url: globalThis.window.location.href,
        source: "workspaceUIScript",
        sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
        configType: "singleFrame"
      };
      var context = {
        payload: JSON.stringify(payload),
        method: "openframe_communication"
      };
      globalThis.CustomEvent.fireAll("openframe_request", context);

      globalThis.window.navigation.addEventListener("navigate", (event) => {
        console.log(
          logMoniker +
            "Workspace PAGE NAVIGATED: " +
            "\n Old Url: " +
            globalThis.window.location.href +
            "\n New url: " +
            event.destination.url
        );

        var payload = {
          url: event.destination.url,
          source: "workspaceUIScript",
          sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
          configType: "singleFrame"
        };
        var context = {
          payload: JSON.stringify(payload),
          method: "openframe_communication"
        };
        globalThis.CustomEvent.fireAll("openframe_request", context);
      });

      globalThis.copilotNavigationWorkspaceListenerAdded = true;
    } else {
      console.log(logMoniker + "Workspace navigator already loaded....");
    }
  } catch (error) {
    console.error(logMoniker + "Workspace Navigator error");
    console.error(error);
  }

  function initialiseScript() {
    // do nothing
  }

  return initialiseScript;
})();

ขั้นตอนที่ 6: เพิ่มสคริปต์ UI สำหรับตัวนำทาง UI แบบคลาสสิก

1. ในสภาพแวดล้อม ServiceNow ของคุณ ตรวจสอบให้แน่ใจว่าคุณอยู่ในพื้นที่ทำงาน ทั่วโลก: เลือกไอคอนลูกโลกที่มุมขวาบน จากนั้นตรวจสอบว่า ขอบเขตแอปพลิเคชัน ตั้งค่าเป็น ทั่วโลก
2. เลือก ทั้งหมด แล้วค้นหา สคริปต์ UI แล้วเลือก UI ของระบบ>สคริปต์ UI
3. เลือก ใหม่ แล้วกรอกฟอร์มดังนี้:
   • ชื่อ API: Copilot สคริปต์เดสก์ท็อปแบบโอเพ่นเฟรม
   • ประเภท UI: เดสก์ท็อป
   • เลือกกล่องกาเครื่องหมาย ทั่วโลก
   • สคริปต์: คัดลอกเนื้อหาของสคริปต์ต่อไปนี้:

 (function () {
  try {
    var logMoniker = "Copilot Navigator UI script: ";
    if (
      !window.parent.navigationListenerAdded &&
      !window.copilotNavigationClassicListenerAdded
    ) {
      console.log(logMoniker + "loading desktop navigator....");
      var payload = {
        url: window.location.href,
        source: "classicUIScript",
        sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
        configType: "singleFrame"
      };
      var context = {
        payload: JSON.stringify(payload),
        method: "openframe_communication"
      };
      CustomEvent.fireAll("openframe_request", context);

      window.navigation.addEventListener("navigate", (event) => {
        console.log(
          logMoniker +
            "desktop PAGE NAVIGATED: " +
            "\n Old Url: " +
            window.location.href +
            "\n New url: " +
            event.destination.url
        );

        var payload = {
          url: event.destination.url,
          source: "classicUIScript",
          sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
          configType: "singleFrame"
        };
        var context = {
          payload: JSON.stringify(payload),
          method: "openframe_communication"
        };
        CustomEvent.fireAll("openframe_request", context);
      });

      window.copilotNavigationClassicListenerAdded = true;
    } else {
      console.log(logMoniker + "Skipping desktop navigator load....");
    }
  } catch (error) {
    console.log(logMoniker + "Classic UI navigator error");
    console.log(error);
  }
})();

ขั้นตอนที่ 7: เพิ่มสคริปต์ไคลเอ็นต์สำหรับการเชื่อมโยงตาราง

1. ในสภาพแวดล้อม ServiceNow ของคุณ ตรวจสอบให้แน่ใจว่าคุณอยู่ในพื้นที่ทำงาน ทั่วโลก: เลือกไอคอนลูกโลกที่มุมขวาบน จากนั้นตรวจสอบว่า ขอบเขตแอปพลิเคชัน ตั้งค่าเป็น ทั่วโลก
2. เลือก ทั้งหมด แล้วค้นหา สคริปต์ไคลเอ็นต์ แล้วเลือก คำจำกัดความของระบบ>สคริปต์ไคลเอ็นต์
3. เลือก ใหม่ แล้วกรอกฟอร์มดังนี้:
   • ชื่อ: Copilot สคริปต์ตารางเหตุการณ์แบบเปิดเฟรม
   • ตาราง เหตุการณ์ [เหตุการณ์]
   • ประเภท UI: เดสก์ท็อป
   • พิมพ์ onLoad
   • สคริปต์: คัดลอกเนื้อหาของสคริปต์ต่อไปนี้:

 function onLoad() {
  try {
    var tableName = g_form.getTableName();
    var id = g_form.getUniqueValue();
    var payload = {
      recordId: id,
      objectType: tableName,
      source: "classicClientScript",
      sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
      configType: "singleFrame"
    };
    var context = {
      payload: JSON.stringify(payload),
      method: "openframe_communication"
    };
    CustomEvent.fireAll("openframe_request", context);
  } catch (error) {
    console.log(
      "Copilot Navigator UI script: CopilotClassicClientScriptCase navigator error"
    );
    console.log(error);
  }
}

1. เลือก ใหม่ อีกครั้ง แล้วกรอกฟอร์มดังนี้:
   • ชื่อ: Copilot สคริปต์ตารางอีเมลแบบเปิดเฟรม
   • ตาราง: อีเมล [sys_email]
   • ประเภท UI: เดสก์ท็อป
   • พิมพ์ onLoad
   • สคริปต์: คัดลอกเนื้อหาของสคริปต์ต่อไปนี้

  function onLoad() {
  try {
    var tableName = g_form.getTableName();
    var id = g_form.getUniqueValue();
    var payload = {
      recordId: id,
      objectType: tableName,
      source: "classicClientScript",
      sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
      configType: "singleFrame"
    };
    var context = {
      payload: JSON.stringify(payload),
      method: "openframe_communication"
    };
    CustomEvent.fireAll("openframe_request", context);
  } catch (error) {
    console.log(
      "Copilot Navigator UI script: CopilotClassicClientScriptCase navigator error"
    );
    console.log(error);
  }
}

1. เลือก ใหม่ อีกครั้ง แล้วกรอกฟอร์มดังนี้:
   • ชื่อ: Copilot สคริปต์ตารางเคสแบบเปิดเฟรม
   • ตาราง: กรณี [sn_customerservice_case]
   • ประเภท UI: เดสก์ท็อป
   • พิมพ์ onLoad
   • สคริปต์: คัดลอกเนื้อหาของสคริปต์ต่อไปนี้

  function onLoad() {
  try {
    var tableName = g_form.getTableName();
    var id = g_form.getUniqueValue();
    var payload = {
      recordId: id,
      objectType: tableName,
      source: "classicClientScript",
      sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
      configType: "singleFrame"
    };
    var context = {
      payload: JSON.stringify(payload),
      method: "openframe_communication"
    };
    CustomEvent.fireAll("openframe_request", context);
  } catch (error) {
    console.log(
      "Copilot Navigator UI script: CopilotClassicClientScriptCase navigator error"
    );
    console.log(error);
  }
}

1. เลือก ใหม่ อีกครั้ง แล้วกรอกฟอร์มดังนี้:
   • ชื่อ: Copilot สคริปต์ตารางอีเมลแบบเปิดเฟรม
   • ตาราง: อีเมล [sys_email]
   • ประเภท UI: เดสก์ท็อป
   • พิมพ์ onLoad
   • สคริปต์: คัดลอกเนื้อหาของสคริปต์ต่อไปนี้:

 function onLoad() {
  try {
    var tableName = g_form.getTableName();
    var id = g_form.getUniqueValue();
    var payload = {
      recordId: id,
      objectType: tableName,
      source: "classicClientScript",
      sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850",
      configType: "singleFrame"
    };
    var context = {
      payload: JSON.stringify(payload),
      method: "openframe_communication"
    };
    CustomEvent.fireAll("openframe_request", context);
  } catch (error) {
    console.log(
      "Copilot Navigator UI script: CopilotClassicClientScriptCase navigator error"
    );
    console.log(error);
  }
}

ขั้นตอนที่ 8: กำหนดค่าวิดเจ็ตใน ServiceNow

1. ในสภาพแวดล้อม ServiceNow ของคุณ ให้เลือก ทั้งหมด ค้นหา OpenFrame จากนั้นเลือก OpenFrame>การกำหนดค่า
2. ในมุมขวาบน ให้เลือก ใหม่
3. พิมพ์ Microsoft Copilot สำหรับชื่อและชื่อเรื่อง
4. พิมพ์ 450 สำหรับความกว้าง และ 600 สำหรับความสูง
5. เลือก กลุ่มผู้ใช้ ที่คุณต้องการเปิดใช้งาน Copilot สำหรับการบริการ
6. เลือกไอคอนแม่กุญแจถัดจากฟิลด์ URL เพื่อปลดล็อก จากนั้นวาง URL ของวิดเจ็ต Copilot สำหรับการบริการ ที่คุณบันทึกไว้ก่อนหน้านี้จากหน้าการดูแลระบบ Copilot สำหรับการบริการ
7. เลือก ส่ง
8. รีเฟรชหน้า วิดเจ็ต Copilot สำหรับการบริการ ควรมีอยู่บนแถบนำทางด้านบนของไอคอนที่คุณเลือก
9. ก่อนที่คุณจะเปิด Copilot สำหรับการบริการ ตรวจสอบให้แน่ใจว่าคุณอนุญาตป๊อปอัปจากหน้า ServiceNow ของคุณ