Zum Inhalt

iFrame-Widget

EinfĂĽhrung

Widgets sind die grundlegenden Bausteine von Dashboards, Wallboards und Aktivitäten in Registerkarten. Sie können anpassen und festlegen, wie der Arbeitsbereich jedes Agenten aussehen soll. iFrame-Widgets können eine externe Webanwendung im Arbeitsbereich des Agenten anzeigen. Sie können auf Dashboards eingesetzt werden, wo sie alle paar Sekunden aktualisiert werden, oder verwendet werden, während ein Agent in einer Registerkarte an einer Aktivität arbeitet. Das iFrame-Widget kann Variablen über GET-Parameter mit Informationen aus der Aktivität an die untergeordnete Seite übergeben. Die URL kann Attribute enthalten, die Teil der Contact-Center-Aktivität sind, mit den folgenden empfohlenen Parametern:

  • Anrufer-ID – Telefonnummer des Anrufers, um den Kunden im CRM zu identifizieren und die CRM-Aktivität dem Kontodatensatz zuzuordnen.
  • Richtung – SchlĂĽsselwort, das die Richtung der Aktivität angibt (kann „in", „out" oder „internal" enthalten).
  • Call ID – eindeutige ID des Telefonanrufs.
  • Activity ID – eindeutige ID der Aktivität.

Ein iFrame-Widget im Dashboard konfigurieren

  1. Sie können die Widgets im Dashboard konfigurieren, indem Sie zu Verwalten → Benutzer → Zugriffe gehen und in der Spalte Dashboard-Einstellung auf Ändern klicken.

  2. Ziehen Sie das Widget Seite in iframe per Drag-and-drop in den Dashboard-Bereich und klicken Sie auf die Einstellungen des Widgets. Einstellungen:

  3. Titel: Geben Sie einen Titel fĂĽr das iFrame ein.

  4. URL: Geben Sie die URL-Adresse ein.
  5. Alle Funktionen: Steuern Sie die Feature Policy, die dem iFrame den Zugriff z. B. auf Vollbild, Mikrofon, Kamera und Standort erlaubt. Geben Sie z. B. „camera;microphone" ein, damit das iFrame diese nutzen darf.
  6. Höhe (px): Legen Sie die iFrame-Höhe in Pixeln fest.
  7. Widget-Beschreibung: Geben Sie eine Beschreibung an, welche Informationen das Widget anzeigt. Wird ĂĽblicherweise verwendet, um mehrere Widgets desselben Typs mit unterschiedlich eingerichteten Filtern zu unterscheiden.
  8. Anzeigen in: Wählen Sie die Orte aus, an denen Ihr Inhalt erscheinen soll: nur App, nur Browser oder überall.
  9. Geben Sie die URL-Adresse und die Höhe Ihrer Anwendung ein (die in das iFrame geladen werden soll). Sie können die Query-String-Parameter verwenden (siehe Abschnitt Parameter weiter unten) oder die iFrame-Höhe in Pixeln festlegen.
  10. Sie können zum Dashboard zurückkehren, um das iFrame-Widget anzusehen.

Ein iFrame-Widget in einem Aktivitäts-Tab konfigurieren

Sie können die Widgets im Aktivitäts-Tab konfigurieren, indem Sie zu Verwalten → Warteschlangen gehen und auf das graue Bildschirmsymbol der Warteschlange klicken, in der Sie das iFrame-Widget verwenden möchten. Ziehen Sie das Widget Seite in iframe per Drag-and-drop in den Dashboard-Bereich und klicken Sie auf die Einstellungen des Widgets.

Feld Beschreibung
Titel Geben Sie einen Titel ein.
URL In der URL können Sie Parameter/Variablen verwenden, die durch echte Werte ersetzt werden. Z. B. „https://www.google.com/search?q=%27+aclUserData.user.title+%27 ", wobei „+aclUserData.user.title+" durch den Titel des aktuell angemeldeten Benutzers ersetzt wird.
Alle Funktionen Steuern Sie die Feature Policy, die dem iFrame den Zugriff z. B. auf Vollbild, Mikrofon, Kamera und Standort erlaubt. Geben Sie z. B. „camera;microphone" ein, damit das iFrame diese nutzen darf. Weitere Informationen finden Sie in der Dokumentation zur Feature Policy.
Höhe (px) Geben Sie eine Höhe für Ihre Anwendung ein.
Widget-Beschreibung Geben Sie eine Beschreibung an, welche Informationen das Widget anzeigt. Wird ĂĽblicherweise verwendet, um mehrere Widgets desselben Typs mit unterschiedlich eingerichteten Filtern zu unterscheiden.

Wenn ein Agent einen Anruf annimmt, wird das iFrame-Widget mit der geladenen externen Anwendung in seinem Aktivitäts-Tab angezeigt.

Parameter – Verwendung in iFrames

Sie können Aktivitätsparameter im Screen-Pop-Fenster verwenden. Nutzen Sie dafür eine spezielle Syntax. In diesem Beispiel richten wir ein Screen-Pop-Fenster für eingehende Anrufe ein. Ein Echo-Dienst wird geöffnet und gibt die im Query-String angegebenen Parameter zurück – Telefonnummer, Agentenname und Warteschlangenname. So erhalten Sie die Parameter für dieses Beispiel:

  1. Wir arbeiten mit einer Anrufaktivität und haben daher Zugriff auf alle Werte im activitycall-Objekt.
  2. Verwenden Sie die spezielle Syntaxnotation '+item.propertyname+'.
  3. Wenn ein Objekttyp ist, können Sie über '+item.propertyobject.propertyname+' auf alle Eigenschaften des inneren Objekts zugreifen (Beispiel: '+item.id_agent.name+').
  4. Dies ist die finale URL, die wir in die Einrichtung des Screen-Pop-Fensters eintragen: https:``//www.daktela.com/downloads/echo-service.php?callerid='+activity.item.clid+'&agents_name='+activity.user.title+'&queue_name='+activity.queue.title+'

Warning

Wenn die Aktivität mit einem Kampagnen-Datensatz oder einem CRM-Kontakt verknüpft ist, können auch customFields-Werte verwendet werden:

https:``//www.daktela.com/downloads/echo-service.php?record_first_name='+record.customFields.first_name[0]+'``https:``//www.daktela.com/downloads/echo-service.php?contact_bnet_id='+contact.customFields.bnet_id[0]+'

Info

Einige Versionen von Daktela verwenden die Syntax {{item.propertyname}}.

Tip

Weitere Informationen zur Templating-Sprache finden Sie unter Allgemeine Informationen und Tipps.