แชร์ผ่าน


ปรับแต่งวิดเจ็ตการแชทสดโดยใช้แท็กข้อมูล

คุณสามารถปรับแต่งวิดเจ็ตแชทสดได้โดยใช้แท็กข้อมูลในสคริปต์วิดเจ็ต คุณสามารถใช้แท็กต่อไปนี้ในสคริปต์วิดเจ็ตแชทที่คุณคัดลอกจากแอปผู้ดูแลระบบของคุณ เช่น ศูนย์การจัดการบริการ Copilot ข้อมูลเพิ่มเติม: ฝังวิดเจ็ตแชทในเว็บไซต์หรือพอร์ทัลของคุณ

ชื่อแอตทริบิวต์ คำอธิบาย ตัวอย่าง
data-hide-chat-button เมื่อคุณใช้วิดเจ็ตแชท คุณสามารถเพิ่มปุ่มแชทที่สอดคล้องกับประสบการณ์การใช้งานแอปบนอุปกรณ์เคลื่อนที่แทนการใช้ปุ่มแชทเริ่มต้นได้ ในกรณีเช่นนี้ ให้ใช้แท็กข้อมูลนี้เพื่อซ่อนปุ่มเปิดแชทเริ่มต้นที่มีอยู่ในวิดเจ็ตแชทสด <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-hide-chat-button="true"></script>
data-hide-minimize-button เมื่อคุณใช้วิดเจ็ตแชท คุณสามารถปิดใช้งานปุ่มย่อเล็กสุดภายในแชทเริ่มต้นได้ ใช้แท็กข้อมูลนี้เพื่อซ่อนปุ่มย่อแชทเริ่มต้นที่มีอยู่ในวิดเจ็ตแชทสด <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-hide-minimize-button="true"></script>
data-disable-telemetry โดยค่าเริ่มต้น การรวบรวมข้อมูลการวัดและส่งข้อมูลทางไกลจะเปิดใช้สําหรับวิดเจ็ตทั้งหมด ตั้งค่าของแท็กข้อมูลนี้เป็นหากคุณต้องการ true ปิดใช้งานการรวบรวมข้อมูลการวัดและส่งข้อมูลทางไกล ข้อมูลเพิ่มเติม: การวัดและส่งข้อมูลทางไกลของวิดเจ็ตแชทสด <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-disable-telemetry="true"></script>
data-render-mobile เปิดวิดเจ็ตแชทในโหมดมือถือ วิดเจ็ตแชทไม่มีส่วนหัวเมื่อใช้บนอุปกรณ์เคลื่อนที่ ข้อมูลเพิ่มเติม: ปรับแต่งวิดเจ็ตแชทสดสําหรับแอปบนอุปกรณ์เคลื่อนที่ <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-render-mobile="true" ></script>
data-color-override ใช้แท็กข้อมูลนี้เพื่อแทนที่สีธีมวิดเจ็ตแชทเริ่มต้น การแทนที่นี้จะมีความสําคัญเหนือการตั้งค่าธีมสีใดๆ ในแอปผู้ดูแลระบบ นี่คือตัวอย่างที่สีของธีมวิดเจ็ตเปลี่ยนเป็นสีน้ําเงิน<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-color-override="#0000FF"></script>
data-font-family-override ตระกูลฟอนต์เริ่มต้นคือ Segoe UI ใช้แท็กข้อมูลนี้เพื่อแทนที่ตระกูลฟอนต์เริ่มต้นด้วยฟอนต์อื่นที่รองรับ ตัวอย่างที่ 1: หากต้องการแทนที่แบบอักษร Segoe UI เริ่มต้นและตั้งค่าตระกูลแบบอักษรเป็น Arial:
<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-font-family-override="Arial, Segoe UI"></script>

ตัวอย่างที่ 2: เมื่อต้องการเพิ่มตระกูลฟอนต์แบบกําหนดเอง เช่น Monotype Corsiva:
<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-font-family-override="Monotype Corsiva"></script>
data-open-in-window ใช้แท็กข้อมูลนี้เพื่อเปิดวิดเจ็ตแชทในหน้าต่างใหม่ คุณสามารถตั้งค่าแท็ก true นี้เป็น หรือ ( false ค่าเริ่มต้น) โดยค่าเริ่มต้น วิดเจ็ตแชทจะเปิดขึ้นในหน้าต่างเบราว์เซอร์เดียวกัน หากตั้งค่าเป็น trueวิดเจ็ตแชทจะเปิดขึ้นในหน้าต่างเบราว์เซอร์ใหม่เมื่อเลือก <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-open-in-window="true"></script>
data-suggested-action-layout ใช้แท็กข้อมูลนี้เพื่อแสดงการดําเนินการที่แนะนําในแนวตั้ง ตามค่าเริ่มต้น การดําเนินการที่แนะนําจะแสดงในแนวนอน หากต้องการแสดงการดําเนินการที่แนะนําในแนวตั้ง ให้ตั้งค่าของแท็ก stackedข้อมูลนี้เป็น <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-suggested-action-layout="stacked"></script>
data-enable-lcw-autofill ใช้แท็กข้อมูลนี้เพื่อเปิดใช้งานวิดเจ็ตแชทเพื่อเติมหน้าต่างเบราว์เซอร์อัตโนมัติในโหมดฝังตัว <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-enable-lcw-autofill="true"></script>
data-custom-close-button-text ใช้แท็กข้อมูลนี้เพื่อปรับแต่งปุ่มปิดของวิดเจ็ตแชท อินพุตเป็นสตริงข้อความที่ปรากฏแทนปุ่มปิด 'X' เริ่มต้น <script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-custom-close-button-text="End Chat"></script>
data-enable-sso-magic-code ใช้แท็กข้อมูลนี้เพื่อส่งรหัสวิเศษไปยังผู้ใช้โดยอัตโนมัติหลังจากลงชื่อเข้าใช้ ไม่ว่าจะในแชทหรือแบบเงียบๆ ผ่านไคลเอ็นต์ ฟังก์ชันนี้คล้ายกับการรับรองความถูกต้องแบบหลายปัจจัยและช่วยป้องกันการโจมตีแบบฟิชชิ่ง คุณสามารถตั้งค่าแท็ก true นี้เป็น (ค่าเริ่มต้น) หรือ false. หากตั้งค่าเป็น falseรหัสจะถูกส่งผ่านไคลเอ็นต์แบบเงียบๆ โดยอัตโนมัติหลังจากลงชื่อเข้าใช้ หากตั้งค่าเป็น trueรหัสวิเศษจะแสดงให้ผู้ใช้เห็นเพื่อเข้าสู่แชทด้วยตนเองหลังจากลงชื่อเข้าใช้ ดูส่วนการตั้งค่า เพิ่มเติมสําหรับเบราว์เซอร์ ในบทความนี้ ในตัวอย่างนี้ รหัสวิเศษจะถูกส่งผ่านไคลเอ็นต์โดยอัตโนมัติหลังจากลงชื่อเข้าใช้ โดยไม่จําเป็นต้องป้อนข้อมูลของผู้ใช้
<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-enable-sso-magic-code="false"></script>

การตั้งค่าเพิ่มเติมสําหรับเบราว์เซอร์

ทําตามขั้นตอนเฉพาะเบราว์เซอร์ที่ระบุไว้ที่นี่เพื่อส่งรหัสวิเศษโดยอัตโนมัติ

เบราว์เซอร์ที่ใช้ Chromium

  1. ใน Microsoft Edge ให้ป้อน "edge://flags/#third-party-storage-partitioning" ในแถบที่อยู่ ใน Google Chrome ให้ป้อน "chrome://flags/#third-party-storage-partitioning" ในแถบที่อยู่
  2. บนหน้าที่ปรากฏขึ้น ให้ตั้งค่าสถานะการแบ่งพาร์ติชันที่เก็บข้อมูลของบุคคลที่สามเป็น ปิดใช้งาน

ไฟร์ฟอกซ์

  1. ใน Firefox ให้ป้อน "about:preferences#privacy" ในแถบที่อยู่
  2. ในหน้าที่ปรากฏขึ้น ให้เลือก กําหนดเอง และสําหรับคุกกี้ ให้เลือกคุกกี้การติดตามข้ามไซต์

ซาฟารี

ในกล่องโต้ตอบการตั้งค่า ให้เลือก ธงคุณลักษณะ และล้างการเลือกสําหรับ การแบ่งพาร์ติชันต้นทาง BroadcastChannel

ขั้นตอนถัดไป

พัฒนาวิดเจ็ตแชทสดแบบกำหนดเอง

เริ่มแชทในเชิงรุก
การวัดและส่งข้อมูลทางไกลของวิดเจ็ตแชทสด
ปรับแต่งวิดเจ็ตแชทสดสำหรับแอปบนมือถือ
แชทสดการอ้างอิง SDK