Aan de slag met de Web Widget-inspector

Benodigde licentie

App pluscloud AI Agent Preview
Abonnement Suite Team of hoger, Support Team of hoger

Zet de Web Widget-inspector aan via het extensie-icoon op een website met een Zendesk Web Widget, en zie hoe die widget is ingesteld en werkt. Hij werkt op de echte widget van de site, in je eigen browser.

Wat je nodig hebt

  • AI Agent Preview, geïnstalleerd en geactiveerd. Heb je de extensie nog niet geactiveerd, dan opent eerst op de website het venster AI Agent Preview activeren. Zie Aan de slag met AI Agent Preview.
  • Een website met de Web Widget voor messaging. De inspector ondersteunt de Web Widget (Classic) niet. Op een pagina met een Classic-widget verschijnt de controle Geen messaging-Web Widget.
  • Geen Zendesk-rol om te inspecteren. Je kunt elke website inspecteren die je kunt openen. Voor sommige gegevens moet je in dezelfde browser zijn ingelogd op het Zendesk-account achter de widget: de instellingen van het merk in het Beheercentrum (beheerders), het ticket van een gesprek en de ticketvelden van het account (agents en beheerders), en de AI-agent met zijn gesprekslogboek (een AI agents-rol). Welke gegevens dat zijn, staat in De tabbladen Instellingen en Account van de Web Widget-inspector.

De inspector aanzetten voor een website

  1. Open de pagina met de widget in Chrome.
  2. Klik op het pictogram van de extensie in de werkbalk van Chrome. Onder Deze website staat Zendesk Web Widget gevonden, gevolgd door het Zendesk-account waar de widget bij hoort.
  3. Klik op Deze widget inspecteren. Chrome vraagt één keer toestemming om deze site te lezen. Sta dat toe.
  4. De inspector opent op de pagina. Herlaad de pagina één keer, zodat de inspector elk bericht en elk zE-commando ziet vanaf het moment dat de pagina laadt.

Het venster van de extensie uit de werkbalk van Chrome op een fictieve fietsenwinkel. Onder Deze website staat Zendesk Web Widget gevonden, bluebirdbikes.zendesk.com, met de knop Deze widget inspecteren en de uitleg dat Chrome één keer toestemming vraagt voor deze site.

Op een pagina zonder widget staat er Geen Zendesk Web Widget op deze pagina. Op pagina's die Chrome niet laat lezen door extensies, zoals chrome://-pagina's, staat er De extensie kan deze pagina niet lezen. Het AI agents-dashboard heeft geen onderdeel Deze website, want daar draait de preview. Andere Zendesk-pagina's, zoals je Help Center, kun je wel inspecteren.

Het paneel

Het paneel Web Widget-inspector opent aan de kant van de pagina waar de widget niet staat, met het Zendesk-account onder de titel. Het heeft zes tabbladen:

  • Overzicht: het account, het merk, de widgetsleutel en de modus, de AI-agent die antwoordt, en de Controles. Zie De controles in de Web Widget-inspector.
  • Instellingen: de openbare configuratie van de widget, proactieve berichten, wat de widget naar Zendesk stuurt, en toegankelijkheid.
  • Lab: aanpassingen op de echte widget, alleen in je browser. Zie Het Lab in de Web Widget-inspector.
  • Berichten: het gesprek zoals de widget het ontvangt, als ruwe JSON per bericht, met de gespreks-ID's.
  • Events: de zE-commando's van de site, de gebeurtenissen van de widget, realtime- en netwerkverkeer, de analytics-aanroepen van de widget en waarschuwingen uit de console, met een filter per soort.
  • Account: hoe je bent ingelogd, het inlogtoken van de site, ticketvelden en tags, de AI-agent, het gesprekslogboek en wat de widget in deze browser opslaat.

Een fictieve fietsenwinkel met rechts de geopende Web Widget en links de Web Widget-inspector op het tabblad Overzicht. Daarop staan het Zendesk-account bluebirdbikes.zendesk.com, het merk, een widgetsleutel van nullen, Zwevend (launcher) als modus, de AI-agent Ava, ticket 4217 en Vastleggen Alles sinds het laden van de pagina. Onder de knop Openen in AI agent-preview zijn de eerste controles een waarschuwing over laag contrast voor action en onAction en een fout bij een gespreksveld.

Dezelfde gegevens staan ook in Chrome DevTools, op het tabblad AI Agent Inspector; zie Het paneel AI Agent Inspector in Chrome DevTools.

Minimaliseren of uitzetten

  • Minimaliseren, het streepje bovenin het paneel, klapt het in tot een balkje onderaan de pagina: Web Widget-inspector met een teller, rood voor fouten, oranje voor waarschuwingen en een groen vinkje als er niets is. Klik op het balkje om het paneel weer te openen.
  • Inspector uitzetten op deze site is het kruisje bovenin het paneel, en dezelfde knop in het venster van de extensie. Het haalt weg wat de inspector op de pagina heeft gezet: de Zendesk-debugschakelaars die hij zette, een lopende test met embedded mode, het overslaan van de widget en het voorbeeld van een proactief bericht. Je instellingen in het Lab blijven bewaard voor de site.

Tot je hem uitzet, blijft de inspector aan voor de site, ook na herladen en na een herstart van Chrome. Uitzetten haalt de toestemming van Chrome voor de site niet weg; die trek je in via chrome://extensions.

Wat hij leest en wat hij nooit toont

De inspector leest de widget: de openbare configuratie, de zE-commando's die de site uitvoert, de berichten, gebeurtenissen en netwerkantwoorden van de widget, en wat de widget in de opslag van de site bewaart. Het sessietoken van de widget toont hij nooit. Van een inlogtoken (JWT) dat de site aan de widget geeft, toont hij alleen de header en de claims, gedecodeerd in de pagina; het token zelf en de handtekening worden nooit getoond, opgeslagen of verstuurd.

Wat de inspector leest, blijft in je browser. pluscloud ontvangt het Zendesk-account achter een geïnspecteerde widget, zonder het adres van de website en niet gekoppeld aan jou, de gebeurtenis dat de inspector is geopend, alleen aan jou gekoppeld als je bent ingelogd op dat Zendesk-account of het AI agents-dashboard ervan, en de widgetbuild en feature-flags van dat account. Zie Wat pluscloud ontvangt van AI Agent Preview.

Zie ook

Was dit artikel nuttig?

0

Kom je er niet uit?

Ons supportteam kijkt met je mee.

Opmerkingen

0 opmerkingen

U moet u aanmelden om een opmerking te plaatsen.