Customer Voice in E-Commerce-Websites einbinden

2024-07-30

In diesem Artikel wird die Integration in Seiten von E-Commerce-Sites beschrieben. Microsoft Dynamics 365 Customer Voice Dynamics 365 Commerce

Sie können Customer Voice in Ihre E-Commerce-Website integrieren, um Kunden-Feedback in Echtzeit zu sammeln, zu analysieren und zu verfolgen. Um mit der Integration zu beginnen, müssen Sie ein Konto erstellen und eine Customer Voice-Projektvorlage für die Art von Feedback auswählen, das Sie sammeln möchten.

Integrieren des Customer Voice-Diensts

Um ein Customer Voice-Konto zu erstellen, gehen Sie zu Customer Voice, und folgen Sie den Anweisungen.

Nachdem Sie ein Customer Voice-Konto erstellt haben und sich angemeldet haben, besteht der nächste Schritt darin, eine Projektvorlage für die Art von Feedback auszuwählen, das Sie sammeln möchten.

Führen Sie die folgenden Schritte aus, um eine Customer Voice-Projektvorlage auszuwählen.

Gehen Sie zur Customer Voice-Projektvorlagenseite.
Wählen Sie Beginnen.
Wählen Sie die Projektvorlage für den Feedbacktyp aus, den Sie sammeln möchten, und wählen Sie dann Weiter.
Wählen Sie auf der Senden-Registerkarte unter Einbettungsformat auswählen ein Einbettungsformat aus. Das Eingebetteter Code-Feld zeigt den Code, der in Commerce Site Builder eingebettet werden muss.

Die Beispiele in diesem Artikel verwenden die Periodische Kundenbefragung-Projektvorlage und das eingebettete Format Schaltfläche.

Die folgende Beispielabbildung zeigt die Periodische Kundenbefragung-Projektvorlagenseite, wo die Option für das eingebettete Format Schaltfläche ausgewählt ist, und der Einbettungscode für diese Option im Feld Eingebetteter Code angezeigt wird. Drei separate Aktionen sind erforderlich, um den bereitgestellten Code wie in den folgenden Abschnitten beschrieben in Ihre Website-Seiten einzubetten.

Die Seite für die periodische Kundenumfrage von Customer Voice mit ausgewählter Schalfläche-Option.

Die externe Skript-URL einbetten

Auf allen Website-Seiten, die eine Customer Voice-Umfrage enthalten sollen, müssen Sie die externe Skript-URL einbetten, die Customer Voice im Einbettungscode bereitgestellt hat. Die beste Methode zum Einbetten des Skripts in mehrere Website-Seiten besteht darin, im Site Builder ein Fragment zu erstellen, das die externe Skript-URL enthält, und das Fragment dann den entsprechenden Seitenvorlagen hinzuzufügen. Nachdem Sie eine aktualisierte Vorlage veröffentlicht haben, sieht der eingebettete externe Skriptcode auf den Seiten der betroffenen Website wie im folgenden Beispiel aus.

<script src=https://mfpembedcdnmsit.azureedge.net/mfpembedcontmsit/Embed.js type="text/javascript"></script>

Weitere Informationen zu Fragmenten erhalten Sie unter Arbeiten mit Fragmenten.

Notiz

Sie müssen dem Fragment nur die URL hinzufügen. Das externe Skriptmodul fügt den anderen Skriptcode hinzu.

Führen Sie die folgenden Schritte aus, um die externe Skript-URL in ein Fragment einzubetten.

Erstellen Sie im Site Builder ein Fragment, das auf dem Externes Skript-Modul basiert.
Wählen Sie im neuen Fragment den Platz Externes Standardskript aus.
Geben Sie in dem Externes Standardskript-Eigenschaftenbereich im Feld Skriptquelle wie in der folgenden Beispielabbildung gezeigt die URL des externen Skripts ein.
Wählen Sie Speichern und dann Bearbeiten beenden aus.
Wählen Sie Veröffentlichen, um das Fragment zu veröffentlichen.

Das neue Fragment, das den eingebetteten externen Skriptblock enthält, kann jetzt der entsprechenden Seitenvorlage hinzugefügt werden.

Den externen Stylesheet-Code einbetten

Auf allen Website-Seiten, die eine Customer Voice-Umfrage enthalten sollen, müssen Sie als Nächstes den externen Stylesheet-Code einbetten, den Customer Voice im Einbettungscode bereitgestellt hat. Wie im vorherigen Abschnitt besteht die beste Methode zum Einbetten des externen Stylesheet-Codes darin, im Site Builder ein Fragment zu erstellen, das den Stylesheet-Code enthält, und das Fragment dann den entsprechenden Seitenvorlagen hinzuzufügen. Der eingebettete externe Stylesheet-Code ähnelt dem folgenden Beispielcode.

<link rel="stylesheet" type="text/css" href=https://mfpembedcdnmsit.azureedge.net/mfpembedcontmsit/Embed.css />

Führen Sie die folgenden Schritte aus, um den externen Stylesheet-Code in ein Fragment einzubetten.

Erstellen Sie im Site Builder ein Fragment, das auf dem Metatags-Modul basiert.
Wählen Sie im Fragment den Platz Standard-Metatags aus.
Geben Sie in dem Standard-Metatags-Eigenschaftenbereich im Feld Metatags wie in der folgenden Beispielabbildung gezeigt den Stylesheet-Code ein.
Wählen Sie Speichern und dann Bearbeiten beenden aus.
Wählen Sie Veröffentlichen, um das Fragment zu veröffentlichen.

Das neue Fragment, das den eingebetteten externen Stylesheet-Code enthält, kann jetzt der entsprechenden Seitenvorlage hinzugefügt werden.

Den Inline-Skriptcode einbetten

Auf allen Website-Seiten, die eine Customer Voice-Umfrage enthalten sollen, müssen Sie als Nächstes den Inline-Skriptcode einbetten, den Customer Voice im Einbettungscode bereitgestellt hat. Wie in den vorherigen Abschnitten, besteht die beste Methode zum Einbetten des Inline-Skriptcodes darin, im Site Builder ein Fragment zu erstellen, das den Inline-Skriptcode enthält, und das Fragment dann den entsprechenden Seitenvorlagen hinzuzufügen.

Im folgenden Beispiel für Inline-Skriptcode ist UMFRAGESCHLüSSEL ein Platzhalter. Der Wert für UMFRAGESCHLüSSEL sollte mit dem tatsächlichen Umfrageschlüssel übereinstimmen, den Customer Voice im Einbettungscode bereitgestellt hat. Die letzte Zeile ruft den Code zum Rendern der Umfrageschaltfläche nach einer Sekunde auf, um sicherzustellen, dass die Skripte genügend Zeit zum Laden haben. Je nach ausgewählter Umfrage müssen Sie möglicherweise auch andere Metadaten hinzufügen oder aktualisieren, z. B. den Firmennamen.

function renderSurveyButton() {
    var se = new SurveyEmbed("SURVEY_KEY","https://customervoice.microsoft.com/","https://mfpembedcdnmsit.azureedge.net/mfpembedcontmsit/","true");

    var context = {
        "First Name":"",
        "Last Name": "",
        "locale": "en-us",
        "companyname": "Adventure Works"
    };
    se.renderButton(context);
}

setTimeout(renderSurveyButton, 4000);

Führen Sie die folgenden Schritte aus, um den Inline-Skriptcode in ein Fragment einzubetten.

Erstellen Sie im Site Builder ein Fragment, das auf dem Inline-Skript-Modul basiert.
Wählen Sie im neuen Fragment den Platz Standard-Inline-Skript aus.
Geben Sie in dem Standard-Inline-Skript-Eigenschaftenbereich im Feld Inline-Skript wie in der folgenden Beispielabbildung gezeigt die URL des Inline-Skriptcodes ein.
Wählen Sie Speichern und dann Bearbeiten beenden aus.
Wählen Sie Veröffentlichen, um das Fragment zu veröffentlichen.

Das neue Fragment, das den eingebetteten Inline-Skriptcode enthält, kann jetzt der entsprechenden Seitenvorlage hinzugefügt werden.

Einer Vorlage ein Fragment hinzufügen

Wenn Sie mit dem Erstellen der Fragmente fertig sind, die den eingebetteten Code von Customer Voice enthalten, müssen Sie sie zu den Seitenvorlagen hinzufügen, die den Website-Seiten zugeordnet sind, auf denen Sie sie verwenden möchten. In der folgenden Beispielabbildung wurden die drei Beispielfragmente einer Vorlage für Produktdetailseiten (PDP) hinzugefügt.

Beispielfragmente, die einer PDP-Vorlage hinzugefügt wurden.

Nachdem die aktualisierte Vorlage veröffentlicht wurde, wird die Customer Voice-Umfrage auf allen Seiten angezeigt, die von der Vorlage gesteuert werden.

Informationen zu Vorlagen erhalten Sie unter Arbeiten mit Vorlagen.

Inhaltssicherheitsrichtlinie konfigurieren

Standardmäßig lässt die Inhaltssicherheitsrichtlinie (Content Security Policy, CSP) keine Aufrufe anderer Dienste zu, es sei denn, es wird eine zusätzliche Konfiguration vorgenommen. Daher ist es nach dem Veröffentlichen der aktualisierten Vorlagen wahrscheinlich, dass die Umfrage nicht auf den entsprechenden Seiten der Website geladen werden kann. Um die CSP-bezogenen Fehler anzuzeigen, öffnen Sie die Entwicklertools Ihres Webbrowsers (F12), und gehen Sie dann zu einer Seite mit der Umfrage. Die CSP-bezogenen Fehler werden in der Konsolenausgabe angezeigt.

Führen Sie die folgenden Schritte aus, um CSP im Website-Generator zu konfigurieren, damit die Fehler behoben werden.

Gehen Sie zu Site-Einstellungen > Erweiterungen.
Fügen Sie auf der Inhaltssicherheitsrichtlinie-Registerkarte https://customervoice.microsoft.com/ der child-src-Richtlinie hinzu.
Fügen Sie https://customervoice.microsoft.com/ zur frame-src-Richtlinie hinzu.
Fügen Sie https://mfpembedcdnmsit.azureedge.net und .azureedge.net der img-src-Richtlinie hinzu.