Udostępnij za pośrednictwem


Osadź ankietę na stronie internetowej

Ankietę można osadzić na stronie sieci Web, wklejając kod osadzania ankiety w kod źródłowy strony sieci Web. Dla ankiety można wybrać jeden z następujących stylów osadzonych:

  • Wbudowana: Wyświetla ankietę statycznie na stronie internetowej.

  • Okno podręczne: Wyświetla ankietę w wyskakującym okienku na podstawie działania respondenta.

  • Przycisk: Wyświetla ankietę po wybraniu przycisku. Domyślnie nazwa przycisku to Przekaż opinię.

Uwaga

Podczas osadzania ankiety na stronie sieci Web należy upewnić się, że Mogą odpowiadać tylko osoby z mojej organizacji jest wyłączone w ustawieniach dystrybucji ankiety.

Jeśli utworzyłeś zmienne, będą one używane do rejestrowania informacji o respondentach oraz kontekstu, w jakim została dostarczona odpowiedź, oraz przechowywania tych danych w odpowiedzi na ankietę. Możesz również utworzyć nowe zmiany, jeśli jest to potrzebne. Jeśli odpowiednie wartości nie zostaną przekazane do zmiennych w kodzie osadzania, będą używane wartości domyślne.

Wartości zmiennych w odpowiedzi są wyświetlane na karcie Spersonalizowane dane w odpowiedzi na ankietę.

Zmienne ankiety w odpowiedzi na ankietę.

Aby osadzić ankietę

  1. Otwórz ankietę, którą chcesz osadzić, i przejdź do karty Wyślij.

  2. Wybierz opcję Osadź kod.

  3. W obszarze Wybierz format osadzenia wybierz jedną z następujących opcji:

    • W tekście

    • Wyskakujące okno

    • Przycisk

  4. Opcjonalnie, w obszarze Dodaj zmienne wybierz Nowa zmienna, aby utworzyć nową zmienną.

    Kod osadzania jest generowany zgodnie z wybranymi opcjami.

  5. Wybierz Kopiuj, a następnie wklej kod osadzania do strony sieci Web w celu osadzenia ankiety. Następnie należy zaktualizować kod źródłowy strony sieci Web, aby renderować ankietę na stronie sieci Web. Aby uzyskać informacje o tym, jak aktualizować kod źródłowy, zobacz Aktualizacja kodu źródłowego strony sieci Web.

    Osadzanie ankiety na stronie internetowej.

Aktualizowanie kodu źródłowego strony sieci Web

Po wygenerowaniu kodu osadzania należy dodać go do kodu źródłowego strony sieci Web i utworzyć metodę wywołującą funkcję renderSurvey w celu wyrenderowania ankiety na stronie sieci Web. Należy się upewnić, że wartości w funkcji renderSurvey są przekazywane w takiej samej kolejności, jak zmienne ankiety zdefiniowane w funkcji renderSurvey w kodzie osadzania.

W przypadku ankiety wbudowanej konieczne jest zdefiniowanie nadrzędnego kontenera div z identyfikatorem surveyDiv, aby ankieta była wyświetlana. Minimalna szerokość i wysokość nadrzędnego kontenera div musi wynosić odpowiednio 350 pikseli i 480 pikseli.

Scenariusz polegający na osadzeniu ankiety wbudowanej

Załóżmy, że utworzono ankietę zawierającą dwie dodatkowe zmienne dotyczące ankiety (E-mail i PageTitle). Użytkownik chce osadzić ankietę w programie na stronie sieci Web i załadować ankietę zaraz po załadowaniu strony. Kod osadzania jest generowany w następujący sposób:

<script src="https://www.contoso.com/Embed.js" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="https://www.contoso.com/Embed.css" />
<script type = "text/javascript" >function renderSurvey(parentElementId, FirstName, LastName, Email, PageTitle)
{var se = new SurveyEmbed("JtSG9ha000000000020pTSB1AovM_5u8bQH1UQjlNQjZRWV0000000000","https://www.contoso.com/");
var context = {"FirstName": FirstName,"LastName": LastName,"Email": Email,"PageTitle": PageTitle,};
se.renderInline(parentElementId, context);}</script>

W powyższym kodzie osadzania funkcja renderSurvey zawiera parametr parentElementId, obok zmiennych ankiety. Parametr parentElementId otrzymuje identyfikator kontenera div, gdy zostanie wywołany.

Należy utworzyć kontener div z identyfikatorem surveyDiv na stronie sieci Web, gdzie ma być wyświetlana ankieta. Ten kontener div wyświetla statyczną ankietę w wyznaczonym obszarze na stronie sieci Web. W związku z tym, że podczas ładowania strony chcesz załadować ankietę, należy utworzyć metodę w następujący sposób:

<script>
	 window.addEventListener('load', function () {
            renderSurvey("surveyDiv", "Bert", "Hair", "bert.hair@contoso.com", "Product Overview");
        }, false);
</script>

Poprzednia metoda wywołuje funkcję renderSurvey i przekazuje odpowiednio wymagane wartości. W przypadku tej metody dane statyczne użytkownika są przekazywane, ale można też udostępniać funkcję pobierającą szczegółowe dane zalogowanego użytkownika.

Uwaga

Powyższe wstawki kodu podano jako przykład. Należy wygenerować rzeczywisty kod osadzania z poziomu Customer Voice i utworzyć metody zgodnie z wymaganiami.

Zobacz także

Praca z ustawieniami dystrybucji ankiety
Wysyłanie ankiety za pomocą wbudowanego edytora wiadomości e-mail
Wysyłanie ankiety za pomocą polecenia Power Automate
Wyślij połączenie do ankiety do innych osób
Wysyłanie ankiety za pomocą kodu QR