Udostępnij przez

Dostosowywanie widgetów czatu na żywo za pomocą tagów danych

Widżety czatu na żywo można dostosowywać za pomocą tagów danych w skrypcie widżetu. Możesz użyć następujących tagów w skrypcie widżetu czatu, który kopiujesz z aplikacji administracyjnej, takiej jak centrum administracyjne usługi Copilot. Więcej informacji: Osadzanie widżetu czatu w witrynie internetowej lub portalu

Nazwa atrybutu Opis Przykład
data-hide-chat-button Podczas implementowania widżetu czatu możesz dodać przycisk czatu, który jest zgodny z Twoim doświadczeniem w aplikacji mobilnej, zamiast używać domyślnego przycisku czatu. W takich przypadkach użyj tego tagu danych, aby ukryć domyślny przycisk otwartego czatu, który jest dostępny w widżecie czatu na żywo. <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 Po zaimplementowaniu widżetu czatu możesz wyłączyć przycisk minimalizacji w domyślnym czacie. Użyj tego tagu danych, aby ukryć domyślny przycisk minimalizacji czatu, który jest dostępny w widżecie czatu na żywo. <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 Domyślnie zbieranie danych telemetrycznych jest włączone dla wszystkich widżetów. Ustaw wartość tego tagu danych na true , jeśli chcesz wyłączyć zbieranie danych telemetrycznych. Więcej informacji: Telemetria widżetu czatu na żywo <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 Otwórz widżet czatu w trybie mobilnym. Widżet czatu nie ma nagłówka, gdy jest używany na urządzeniu mobilnym. Więcej informacji: Dostosowywanie widżetu czatu na żywo dla aplikacji mobilnych <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 Użyj tego tagu danych, aby zastąpić domyślny kolor motywu widżetu czatu. To zastąpienie ma pierwszeństwo przed wszelkimi ustawieniami motywu kolorystycznego w aplikacji administratora. Oto przykład, w którym kolor motywu widżetu jest zmieniany na niebieski.<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 Domyślną rodziną czcionek jest Segoe UI. Użyj tego znacznika danych, aby zastąpić domyślną rodzinę czcionek inną czcionką obsługiwaną natywnie. Przykład 1: Aby zastąpić domyślną czcionkę interfejsu użytkownika Segoe i ustawić rodzinę czcionek na 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>

Przykład 2: Aby dodać niestandardową rodzinę czcionek, taką jak 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 Użyj tego tagu danych, aby otworzyć widżet czatu w nowym oknie. Możesz ustawić ten tag na true lub false (wartość domyślna). Domyślnie widżet czatu otwiera się w tym samym oknie przeglądarki. Jeśli ustawiono wartość true, widżet czatu otwiera się w nowym oknie przeglądarki po wybraniu. <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 Użyj tego tagu danych, aby wyświetlić sugerowane działania w pionie. Domyślnie sugerowane akcje są wyświetlane poziomo. Aby wyświetlić sugerowane działania w pionie, ustaw wartość tego znacznika danych na 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 Użyj tego znacznika danych, aby umożliwić widżetowi czatu automatyczne wypełnianie okna przeglądarki w trybie wbudowanym. <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 Użyj tego znacznika danych, aby dostosować przycisk zamykania widżetu czatu. Dane wejściowe to ciąg tekstowy, który pojawia się w miejscu domyślnego przycisku zamykania "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 Użyj tego tagu danych, aby automatycznie wysłać magiczny kod do użytkownika po zalogowaniu, na czacie lub dyskretnie za pośrednictwem klienta. Ta funkcja jest podobna do uwierzytelniania wieloskładnikowego i pomaga zapobiegać atakom phishingowym. Możesz ustawić ten tag na true (wartość domyślna) lub false. Jeśli ustawiono wartość false, kod jest automatycznie wysyłany przez klienta w trybie dyskretnym po zalogowaniu. Jeśli jest ustawiona na true, użytkownik otrzymuje magiczny kod, który należy ręcznie wprowadzić do czatu po zalogowaniu. Aby uzyskać więcej informacji, zobacz sekcję Dodatkowe ustawienia przeglądarek w tym artykule. W tym przykładzie magiczny kod jest automatycznie przekazywany przez klienta po zalogowaniu się bez konieczności wprowadzania danych przez użytkownika.
<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>

Dodatkowe ustawienia dla przeglądarek

Wykonaj opisane tutaj kroki specyficzne dla przeglądarki, aby automatycznie przekazać magiczny kod.

Przeglądarki oparte na Chromium

  1. W przeglądarce Microsoft Edge wpisz "edge://flags/#third-party-storage-partitioning" w pasku adresu. W Google Chrome wpisz "chrome://flags/#third-party-storage-partitioning" w pasku adresu.
  2. Na wyświetlonej stronie ustaw flagę Partycjonowanie magazynu innej firmy na Wyłączone.

Przeglądarka Firefox

  1. W Firefoksie wpisz "about:preferences#privacy" w pasku adresu.
  2. Na wyświetlonej stronie wybierz pozycję Niestandardowe, a w polu Pliki cookie wybierz pozycję Pliki cookie śledzenia między witrynami.

Safari

W oknie dialogowym ustawień wybierz pozycję Flagi funkcji i wyczyść zaznaczenie opcji Partycjonowanie źródła kanału nadawczego.

Dalsze kroki

Opracowywanie niestandardowego widgetu czatu na żywo

Rozpocznij czat proaktywnie
Telemetria widżetu czatu na żywo
Dostosowywanie widgetów rozmowy na żywo dla aplikacji mobilnych
Odwołanie SDK czatu na żywo

  • Last updated on