Sematkan survei pada halaman web

Anda dapat menanamkan survei Anda di halaman web dengan menempelkan kode penanaman survei ke dalam kode sumber halaman web Anda. Anda dapat memilih salah satu gaya penyematan berikut untuk survei Anda:

• Inline: Menampilkan survei secara statis di halaman web.

• Jendela pop-up: Menampilkan survei di jendela pop-up berdasarkan tindakan responden.

• Tombol: Menampilkan survei saat tombol dipilih. Secara default, nama tombol adalah Berikan umpan balik.

Catatan

Saat menyematkan survei di halaman web, pastikan pengaturan Hanya orang di organisasi saya yang dapat merespons dinonaktifkan di pengaturan distribusi survei.

Jika Anda telah membuat variabel, semua itu akan digunakan untuk menangkap informasi responden dan konteks di mana respons diberikan dan menyimpan data tersebut dalam respons survei. Anda juga dapat membuat variabel baru, jika perlu. Jika nilai yang sesuai tidak diteruskan ke variabel pada kode semat, nilai default akan digunakan.

Nilai variabel dalam respons ditampilkan pada tab Data yang dipersonalisasi dalam respons survei.

Untuk menyematkan survei Anda

1. Buka survei yang ingin Anda sematkan dan buka tab Kirim .

2. Pilih Sematkan.

3. Di bawah Pilih format semat, pilih salah satu opsi berikut:

   • Sejajar

   • Jendela pop-up

   • Button

4. Secara opsional, di bawah Tambahkan variabel, pilih Variabel baru untuk membuat variabel baru.

   Kode penyematan dihasilkan sesuai dengan pilihan yang Anda pilih.

5. Pilih Salin, lalu tempelkan kode semat ke halaman web untuk menyematkan survei Anda. Selanjutnya, Anda harus memperbarui kode sumber halaman web untuk menampilkan survei pada halaman web. Untuk informasi tentang cara memperbarui kode sumber, lihat Memperbarui kode sumber halaman web.

   

Memperbarui kode sumber halaman web

Setelah membuat kode semat, Anda harus menambahkannya ke kode sumber halaman web dan membuat metode yang memanggil fungsi renderSurvey untuk merender survei di halaman web. Anda harus memastikan bahwa nilai dalam fungsi renderSurvey diteruskan dalam urutan yang sama dengan variabel survei yang ditentukan dalam fungsi renderSurvey dalam kode semat.

Untuk survei inline, kontainer induk div dengan ID surveyDiv harus ditentukan agar survei dapat ditampilkan. Lebar dan tinggi minimum wadah induk div masing-masing harus 350 piksel dan 480 piksel.

Skenario untuk menanamkan survei inline

Katakanlah Anda telah membuat survei dengan dua variabel survei tambahan (Email dan PageTitle). Anda ingin menyematkan survei sebaris ke halaman web Anda dan memuat survei segera setelah halaman dimuat. Kode tanam dihasilkan sebagai berikut:

<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>

Dalam kode semat sebelumnya, fungsi berisi renderSurveyparentElementId parameter selain variabel survei. Parameter parentElementId menerima div ID kontainer saat dipanggil.

Anda harus membuat div kontainer dengan ID surveyDiv di halaman web tempat Anda ingin menampilkan survei. Kontainer ini div menampilkan survei secara statis di area yang ditentukan pada halaman web. Karena Anda ingin memuat survei saat halaman dimuat, buat metode sebagai berikut:

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

Metode sebelumnya memanggil renderSurvey fungsi dan meneruskan nilai yang diperlukan sesuai. Pada metode ini, rincian pengguna statis akan diteruskan, namun Anda dapat menyediakan fungsi yang mengambil rincian pengguna yang masuk.

Catatan

Cuplikan kode di atas diberikan sebagai contoh. Anda harus membuat kode semat aktual dari Customer Voice dan membuat metode sesuai kebutuhan Anda.

Lihat juga

Bekerja dengan pengaturan distribusi survei
Kirim survei dengan menggunakan komposer email bawaan
Kirim survei dengan menggunakan Power Automate
Kirim tautan survei ke orang lain
Kirim survei dengan menggunakan kode QR