miércoles, 27 de noviembre de 2019

Insertar una encuesta en blogger

  1. Accede a Google Drive
  2. En el panel de la izquierda, pulsa el botón crear
  3. En el menú que se muestra, haz clic en Crear nuevo formulario
  4. Se abrirá una nueva ventana donde deberás indica el nombre del formulario y una plantilla para de estilo. Yo he aplicado la plantilla Encabezado azul. Esto es algo que puede cambiarse posteriormente. Presiona el botón de Aceptar
  5. Se abre el diseñador de formulario. Verás el nombre indicado anteriormente y resto de datos. Tienes un campo por defecto, puedes editarlo y cambiar el tipo de respuesta. En la parte inferior tienes un desplegable con todos los tipos de respuestas y otros elementos a insertar en el formulario.
  6. A medida que vas trabajando, el sistema va guardando, presiona el botón Ver el formulario publicado para ver una vista previa funcional del mismo.
  7. Si no te gusta el diseño, tienes el botón Diseño: para elegir otras plantillas.
Ahora es cuestión de crear todos y cada uno de los campos. Fíjate que al pie del diseñador de formulario tienes una sección llamada Página de confirmación. Puedes personalizar el mensaje que verán los usuarios una vez enviado el formulario y además puedes marcar tres opciones.

  1. Mostrar enlace para enviar otra respuesta. Ideal para aquellos casos donde se necesita rellenar formularios de manera mecánica por parte del usuario.
  2. Publicar y mostrar un enlace a los resultado de ese formulario. Permite ver las respuestas enviadas a modo de estadística
  3. Permitir que los encuestados editen las respuestas después de enviarlas. Todos podemos equivocarnos, con esta opción das pie a que el usuario pueda cambiar su respuesta enviada.

EN NUESTRO EJEMPLO LA HEMOS MARCADO LAS TRES. ADEMÁS NUESTRO FORMULARIO DE EJEMPLO CONTIENE DOS PÁGINAS, EN LA SEGUNDA TIENES UN VÍDEO INCLUIDO. HAZ CLIC AQUÍ PARA ACCEDER AL FORMULARIO DE EJEMPLO QUE TE HEMOS PREPARADO.

PASO 2. VINCULA EL FORMULARIO CON UNA HOJA DE DATOS PARA GUARDAR LOS RESULTADOS

Antes de cerrar el formulario para hacer las primeras pruebas, presiona el botón Seleccionar destino de las respuesta y se mostrará un nuevo asistente, donde básicamente debes darle al botón Crear para asociar el archivo hoja de cálculo que actuará como contenedor. Mira la siguiente imagen:




A continuación te muestro una imagen donde pueden verse dos archivos, uno es el formulario, se llama Ejemplo Formulario iniciaBlog y el otro es el contenedor donde van a para las respuesta, se llama Ejemplo Formulario iniciaBlog (respuestas)

PASO 3. INCRUSTA EL FORMULARIO EN TU BLOG

Llegados a este punto, tienes el formulario definido y éste cuenta ya con su contenedor, lo que vamos a hacer a ahora es obtener el código para integrarlo en tu blog

  1. Haz clic en tu formulario para abrir el diseñador
  2. Haz clic en el botón que pone Enviar
  3. Encontrarás otro botón llamado Incrustar
  4. Se mostrará otro diálogo con el código de tipo iFrame donde puedes especificar el Ancho y el alto.
  5. Cuando tengas tu configuración, deberás copiar el código HTML que te ofrece la propia página. Copia y deja la pestaña con esta herramienta abierta.


PASO 4. INTEGRAR EL FORMULARIO EN BLOGGER

Tienes el código copiado en el portapapeles, ahora vamos a insertarlo en el blog. Lo más lógico es que te crees una nueva página (no post).

A continuación te ofrezco unos pasos rápidos para crear tu página pero si nunca lo has hecho antes, te invito a que leas este artículo para completar estos pasos.


  1. Accede a Blogger
  2. Selecciona tu blog
  3. Haz clic sobre el apartado Páginas, a la izquierda
  4. Haz clic en el desplegable Página nueva y selecciona Página en Blanco
  5. Se abrirá el editor de páginas (muy similar al de post)
  6. Pon un título a tu página (Encuesta o formulario de contacto)
  7. Haz clic en el botón HTML
  8. Pega el código que tienes en el portapapeles
  9. Haz clic en el botón Publicar
  10. Si tenias el Gadget de páginas ésta ya debe mostrarte, si no lo tienes selecciona el desplegable Mostrar páginas como  y selecciona Pestañas principales.
  11. Visualiza tu blog y accede a tu nueva página donde muestras el formulario

No hay comentarios:

Publicar un comentario