התאמה אישית של רכיבים גרפיים של צ'אט חי באמצעות תגיות נתונים

באפשרותך להתאים אישית רכיבים גרפיים של צ'אט חי באמצעות תגי נתונים בסקריפט הרכיב הגרפי. באפשרותך להשתמש בתגיות הבאות בקובץ ה- Script של הרכיב הגרפי של הצ'אט שאתה מעתיק מיישום הניהול שלך, כגון מרכז הניהול של שירות Copilot. למדו עוד בווידג'ט הצ'אט Embed באתר או בפורטל שלכם.

ניתן גם להשתמש בתגי הנתונים בסוכנים כדי להציג כפתורים או אפשרויות בחלון הצ'אט.

שם תכונה תיאור דוגמה
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-font-family-override משפחת הגופנים המוגדרת כברירת מחדל היא Segoe UI. השתמש בתג הנתונים הזה כדי לעקוף את משפחת הפונטים המוגדרת כברירת מחדל עם גופן אחר בטוח ונתמך באופן מקורי. הווידג'ט אינו תומך בגופנים מותאמים אישית. דוגמה 1: כדי לעקוף את גופן ברירת המחדל של ממשק המשתמש של Segoe ולהגדיר את משפחת הגופנים ל- 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>

הגדרות נוספות עבור דפדפנים

בצע את השלבים הספציפיים לדפדפן המתוארים כאן כדי להעביר את קוד הקסם באופן אוטומטי.

דפדפנים מבוססי כרום

  1. ב- Microsoft Edge, הזן "edge://flags/#third-party-storage-partitioning" בשורת הכתובת. ב-Google Chrome, הזן "chrome://flags/#third-party-storage-partitioning" בשורת הכתובת.
  2. בדף שמופיע, הגדר את דגל חלוקת האחסון למחיצות של ספק חיצוני ל לא זמין.

פיירפוקס

  1. בפיירפוקס, הזן "about:preferences#privacy" בשורת הכתובת.
  2. בדף שמופיע, בחר מותאם אישית, ועבור קבצי Cookie, בחר קבצי Cookie למעקב בין אתרים.

ספארי

בתיבת הדו-שיח של ההגדרות, בחר דגלי תכונה, ונקה את הבחירה עבור חלוקה למחיצות מקור ערוץ שידור.

השלבים הבאים

פיתוח רכיב גרפי מותאם אישית של צ'אט חי

התחל צ'אט באופן יזום
מדידת שימוש של רכיב גרפי של צ'אט חי
התאם אישית רכיבים גרפיים לצ'אט חי עבור אפליקציות למכשירים ניידים
הפניה ל- SDK של צ'אט חי