ตั้งค่าประสบการณ์แบบฝังใน ServiceNow

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

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

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

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

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

รวมเอเจนต์ใน ServiceNow

1. ทำตามขั้นตอนใน การนำทาง เพื่อคัดลอก URL วิดเจ็ตที่ฝังได้ของ Copilot โดยเริ่มหลัง <iframe src=> ตัวอย่างเช่น: https://copilotforservice-test.azureedge.net/widget/index.html?dynamicsUrl=https://XXXXXX.crm10.dynamics.com คุณใช้ URL นี้ในขั้นตอนการกําหนดค่าวิดเจ็ตใน ServiceNow

2. ติดตั้งปลั๊กอิน Knowledge 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 สำหรับตัวนำทาง UI แบบคลาสสิก

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

      • ชื่อ API: สคริปต์เดสก์ท็อป Copilot open frame

      • ชนิด 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);
          }
        })();
        

6. เพิ่มสคริปต์ไคลเอ็นต์สำหรับตัวนำทางพื้นที่ทำงาน

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

   • ชื่อ: สคริปต์การนำทางของพื้นที่ทำงาน Copilot open frame

   • ตาราง: ทั่วโลก [global]

   • ชนิด UI: พอร์ทัลมือถือ/บริการ

   • ชนิด: onLoad

   • สคริปต์: คัดลอกเนื้อหาของสคริปต์ต่อไปนี้:

     function onLoad() {
         var table = g_form.getTableName();
         try {
             if (table == 'incident' || table == 'sys_email' || table == 'sn_customerservice_case' || table == 'interaction') {
                 var logMoniker = "Copilot Navigator Workspaces Client script: ";
     
                 if (!globalThis.copilotNavigationWorkspaceListenerAdded) {
                     console.log(logMoniker + "loading workspace navigator....");
                     var payload = {
                         url: globalThis.window.location.href,
                         source: "workspaceClientScript",
                         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: "workspaceClientScript",
                             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);
         }
     }
     

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

   1. เลือก ทั้งหมด แล้วค้นหา สคริปต์ไคลเอ็นต์ แล้วเลือก คำจำกัดความของระบบ>สคริปต์ไคลเอ็นต์
   2. เลือก ใหม่ แล้วกรอกฟอร์มดังนี้:

   • ชื่อ: สคริปต์ตารางเหตุการณ์ Copilot open frame

   • ตาราง: เหตุการณ์ [เหตุการณ์]

   • ชนิด 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);
         }
     }
     

   ง. เลือก สร้าง อีกครั้ง แล้วกรอกแบบฟอร์มดังนี้: - ชื่อ: สคริปต์ตารางอีเมล Copilot open frame - ตาราง: อีเมล [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);
           }
        }
   

   จ. เลือก ใหม่ อีกครั้ง แล้วกรอกฟอร์มดังนี้:

   • ชื่อ: สคริปต์ตารางกรณี Copilot open frame

   • ตาราง: กรณี [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);
         }
     }
     

8. กำหนดค่าวิดเจ็ตใน ServiceNow

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