Insertar una encuesta en una página web

Puede insertar la encuesta en una página web pegando el código de incrustación de la encuesta en el código fuente de la página web. Puede elegir uno de los siguientes de estilos de inserción para la encuesta:

  • Incorporada: Muestra la encuesta estáticamente en la página web.

  • Ventana emergente: muestra la encuesta en una ventana emergente basada en la acción del encuestado.

  • Botón: Muestra la encuesta cuando se selecciona un botón. De manera predeterminada, el nombre del botón es Proporcionar comentarios.

Nota

Al insertar una encuesta en una página web, asegúrese de que la opción Solo pueden responder personas de mi organización está desactivada en configuración de distribución de la encuesta.

Si ha creado variables, se usarán para capturar la información y el contexto del encuestado en los que la respuesta se proporcionó y almacenar esos datos en la respuesta de la encuesta. También puede crear variables nuevas si lo necesita. Si los valores apropiados no se pasan a las variables en el código para insertar, se usarán los valores predeterminados.

Los valores de las variables en una respuesta se muestran en la pestaña Datos personalizados de una respuesta de encuesta.

Survey variables in a survey response.

Para insertar la encuesta

  1. Abra la encuesta que desea insertar y vaya a la pestaña Enviar.

  2. Seleccione Insertar.

  3. En Elija un formato para insertar, seleccione una de las siguientes opciones:

    • Insertado

    • Ventana emergente

    • Botón

  4. Opcionalmente, en Agregar variables, seleccione Nueva variable para crear una nueva variable.

    El código para insertar se genera de acuerdo con las opciones que seleccionó.

  5. Seleccione Copiar y, a continuación, pegue el código de inserción en una página web para insertar la encuesta. A continuación, debe actualizar el código origen de la página web para representar la encuesta en la página web. Para obtener información sobre cómo actualizar el código origen, consulte Actualice el código origen de una página web.

    embed a survey in a webpage.

Actualice el código origen de una página web

Después de generar el código para insertar, debe agregarlo al código fuente de la página web y crear un método que llame a la función renderSurvey para representar la encuesta en la página web. Debe asegurarse de que los valores de la función renderSurvey se pasan en el mismo orden que las variables de encuesta que se definen en la función renderSurvey en el código de inserción.

Para una encuesta incorporada, un contenedor div principal con el ID surveyDiv debe definirse para mostrar la encuesta. El ancho y la altura mínimos del contenedor div principal debe tener 350 píxeles y 480 píxeles respectivamente.

Escenario para insertar una encuesta incorporada

Supongamos que ha creado una encuesta con dos variables de encuesta adicionales (Correo electrónico y Título de la página). Desea insertar la encuesta en línea en la página web y cargarla tan pronto como se cargue la página. El código de inserción se genera de la siguiente manera:

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

En el código de inserción precedente, la función renderSurvey contiene el parámetro parentElementId además de las variables de encuesta. El parámetro parentElementId recibe el id. del contenedor div cuando se llama.

Debe crear un contenedor div con el identificador surveyDiv en la página web en la que desea mostrar la encuesta. Este contenedor div muestra la encuesta estáticamente en un área designada en la página web. Dado que conviene cargar la encuesta cuando se cargue la página, cree un método de la siguiente manera:

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

El método anterior llama a la función renderSurvey y pasa los valores necesarios en consecuencia. En este método, se pasan los detalles estáticos del usuario, pero puede proporcionar una función que recupere los detalles del usuario que ha iniciado sesión.

Nota

Los fragmentos de código anteriores se proporcionan como ejemplo. Debe generar el código para insertar real de Customer Voice y crear métodos según sus requisitos.

Vea también

Trabajar con la configuración de distribución de encuestas
Enviar una encuesta utilizando el redactor de correo electrónico integrado
Enviar una encuesta mediante Power Automate
Enviar un vínculo de encuesta a otros
Enviar una encuesta usando un código QR