Anpassa livechattwidgetar med datataggar

Du kan anpassa widgetar för livechatt med hjälp av datataggar i widgetskriptet. Du kan använda följande taggar i skriptet för chattwidgeten som du kopierar från administratörsappen, till exempel administrationscentret för Copilot-tjänsten. Mer information: Bädda in chattwidget på din webbplats eller portal

Attributnamn	Beskrivning	Exempel
data-hide-chat-button	När du implementerar din chattwidget kan du lägga till en chattknapp som överensstämmer med din mobilappsupplevelse i stället för att använda standardchattknappen. I sådana fall använder du den här datataggen för att dölja standardknappen för öppen chatt som är tillgänglig i livechattwidgeten.	<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	När du implementerar din chattwidget kan du inaktivera minimeringsknappen i standardchatten. Använd den här datataggen för att dölja standardknappen för att minimera chatt som är tillgänglig i widgeten för livechatt.	<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	Som standard är insamling av telemetridata aktiverat för alla widgetar. Ange värdet för den här datataggen till true om du vill inaktivera insamling av telemetridata. Mer information: Telemetri för widget för livechatt	<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	Öppna chattwidgeten i mobilläge. Chattwidgeten har ingen rubrik när den används på en mobil enhet. Mer information: Anpassa widgeten för livechatt för mobilappar	<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	Använd den här datataggen för att åsidosätta standardtemafärgen för chattwidgeten. Den här åsidosättningen har företräde framför alla färgtemainställningar i administratörsappen.	Här är ett exempel där widgetens temafärg ändras till blå.<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	Standardteckensnittsfamiljen är Segoe UI. Använd den här datataggen för att åsidosätta standardteckensnittsfamiljen med ett annat inbyggt teckensnitt som stöds.	Exempel 1: Om du vill åsidosätta standardteckensnittet för Segoe UI och ställa in teckensnittsfamiljen på 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> Exempel 2: Så här lägger du till en anpassad teckensnittsfamilj som 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	Använd den här datataggen för att öppna chattwidgeten i ett nytt fönster. Du kan ställa in den här taggen på true eller false (standardvärde). Som standard öppnas chattwidgeten i samma webbläsarfönster. Om den är inställd truepå öppnas chattwidgeten i ett nytt webbläsarfönster när den väljs.	<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	Använd den här datataggen för att visa de föreslagna åtgärderna vertikalt. Som standard visas de föreslagna åtgärderna vågrätt. Om du vill visa de föreslagna åtgärderna lodrätt anger du värdet för den här datataggen som 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	Använd den här datataggen för att aktivera chattwidgeten för att automatiskt fylla i webbläsarfönstret i inbäddat läge.	<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	Använd den här datataggen för att anpassa stängningsknappen i chattwidgeten. Indata är en textsträng som visas i stället för standardstängningsknappen "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	Använd den här datataggen för att automatiskt skicka en magisk kod till användaren efter inloggning, antingen i chatten eller tyst via klienten. Den här funktionen liknar multifaktorautentisering och hjälper till att förhindra nätfiskeattacker. Du kan ställa in den här taggen på true (standardvärde) eller false. Om den är inställd på falseskickas koden automatiskt tyst via klienten efter inloggningen. Om den är inställd på truevisas en magisk kod för användaren så att han eller hon kan gå in i chatten manuellt efter inloggningen. Mer information finns i avsnittet Ytterligare inställningar för webbläsare i den här artikeln.	I det här exemplet skickas den magiska koden automatiskt genom klienten efter inloggning, utan att användaren behöver indata. <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>

Ytterligare inställningar för webbläsare

Utför de webbläsarspecifika stegen som beskrivs här för att automatiskt skicka den magiska koden.

Chromium-baserade webbläsare

1. I Microsoft Edge anger du "edge://flags/#third-party-storage-partitioning" i adressfältet. I Google Chrome anger du "chrome://flags/#third-party-storage-partitioning" i adressfältet.
2. På sidan som visas anger du flaggan Lagringspartitionering från tredje part till Inaktiverad.

Firefox (Firefox)

1. I Firefox anger du "about:preferences#privacy" i adressfältet.
2. På sidan som visas väljer du Anpassad och för Cookies väljer du Cookies för spårning över flera webbplatser.

Safari

I inställningsdialogrutan väljer du Funktionsflaggor och avmarkerar markeringen för BroadcastChannel Origin Partitioning.

Nästa steg

Utveckla anpassade widgets för direktchatt

Relaterad information

Starta chatten proaktivt
Telemetri för widget för livechatt
Anpassa widgetar för direktchatt för mobilappar
SDK-referens för direktchatt