Diseñé una encuesta con Google Forms, pero es demasiado amplia para uso móvil. ¿Cómo hago que un formulario de Google responda en un móvil?

Hay una solución de trabajo súper simple y perfecta para esto.

Cuando pegue el código de inserción en su blog o sitio web, observe la configuración de “ancho” en el código. El ancho predeterminado se establece en “760”. Tienes que cambiar ese valor a “100%”.

Cuando realiza el cambio, el formulario se restablece automáticamente al ancho de la pantalla en la que lo ve. Esto básicamente hace que sea móvil o que responda con pestañas.

Aquí hay un ejemplo de cómo debería ser el código:

Cargando…

Nota: El crédito por esta respuesta debe ir a Shannon Blaisdell, quien escribió una respuesta para esto antes, pero que fue colapsado por quora por no ser lo suficientemente detallado. Vine aquí buscando una solución al mismo problema, y ​​esta solución sugerida por ella funcionó como magia, y fue muy fácil de usar.

1. Establezca el tema para su formulario en “Normal” en Google Docs.
2. Limite sus páginas de encuesta a una pregunta, cada una con 4 a 5 respuestas, eliminando la necesidad de desplazarse para encontrar el botón continuar / enviar.
3. Use saltos de página y opciones de opción múltiple (que permiten una redirección a páginas específicas basadas en respuestas anteriores) para personalizar el orden y las preguntas ofrecidas.
4. Incruste el código de la encuesta de Google en una página web que controle. Hacer esto en su propio servidor es preferible ya que desea una página completamente en blanco aparte del código de inserción.
5. Coloque una metaetiqueta en para establecer una ventana gráfica. Algo así como: No he tocado HTML recientemente, pero viewport no es difícil de entender y también funciona en Android.
6. Establezca el ancho del iFrame en 320 (o etc. para su teléfono) y recorte la altura para que sea lo más corto posible, sin perder la parte inferior de ninguna página.
7. Pruebe y ajuste el ancho o la escala de la ventana gráfica según corresponda.
8. Tenga en cuenta que este enfoque no es el uso más elegante de una ventana gráfica, pero mi objetivo era específico del iPhone, así que me satisfizo codificar estas configuraciones en la página.
9. Una vez que termine de ajustar, debe terminar con un formulario móvil de aspecto decente, como se muestra aquí, sin la necesidad de pellizcar el zoom constantemente en cada página.
10. Sugiérale a Google que los temas optimizados para dispositivos móviles serían geniales.

Otra opción es usar Formplus, ya que es muy sensible en dispositivos móviles, sin necesidad de habilidades de codificación.

Puede crear su formulario directamente en su dispositivo móvil y lo que ve es lo que obtiene, nada salta / corta su pantalla. Esto hace que sea muy fácil hacer su trabajo sobre la marcha y personalizar sus formularios, independientemente del dispositivo que elija usar.

Incluso cuando envía los formularios que ha creado con Formplus, puede estar seguro de que sus encuestados pueden ver / completar los formularios en cualquier dispositivo que elijan, incluidos sus teléfonos inteligentes.

La capacidad de respuesta móvil de Formplus es solo una de las muchas cosas buenas que obtienes. Con este generador de formularios en línea, puede; reciba cargas ilimitadas de archivos, use Google Drive o Dropbox para almacenar archivos, personalice un mensaje de envío y reciba videos a través de formularios.

Aquí puede consultar la lista de características en Formplus y probarla usted mismo.


Descargo de responsabilidad: soy parte del increíble equipo detrás de Formplus.

Hay una forma alternativa de usar el formulario de Google para hacer el diseño que elija.

Aquí va:

  1. Cree la plantilla que elija con HTML5 / diseño web adaptable para que quepa en cualquier dispositivo móvil o tableta.
  2. Crea un formulario de google.
  3. Verifique el código fuente de este formulario.
  4. En su código original, escriba una función de publicación al enviar el botón o formulario (lo que desee).
  5. Luego haga una llamada AJAX donde la url será algo así como: https://docs.google.com/forms/d/BgiRRtEA4d6Ifnvyh6-8 / formResponse: esta URL puede encontrarla en el código fuente del FORM que acaba de crear. (intente buscar con el nombre docs.google )
  6. Entonces los datos serán algo como esto:

datos: {

“entry.341651702”: nombre,

“entry.2110349582”: móvil,

“entry.475347665”: correo electrónico,

“entry.270046347”: consulta

}, – Busque entry.XXXXXXX y utilícelo según los detalles de su formulario.

Y ya ha terminado con su formulario personalizado de Google.

Aquí hay un breve ejemplo de lo mismo:

Código HTML :

Nombre

No móviles

Identificación del correo

Suscribir

Cancelar

Función y llamadas AJAX:

function postContactToGoogleSubscribe () {

var email = $ (‘# mail-sub’). val ();

nombre var = $ (‘# nombre-sub’). val ();

var mobile = $ (‘# mobile-sub’). val ();

$ .ajax ({

url: “ht tps: //docs.google.com/forms/d/1MIDItVFCO9_2co_Ul BgiRRtEA4d6Ifnvyh6-8 / formResponse “,

datos: {

“entry.1238575226”: nombre,

“entry.1681546984”: móvil,

“entry.679631165”: correo electrónico

},

tipo: “POST”,

dataType: “xml”

});

Espero eso ayude.

Todo lo que necesita hacer es establecer el ancho al 100%. Funciona perfectamente en un dispositivo móvil.


La forma más sencilla de hacerlo: –

  1. Copia el código
  2. Inserte su URL de formulario de Google
  3. Eso es.
  
 
 
  Tu título 
 
 
 
 
 
 

Esto funciona para mi:

Tenga en cuenta el contenedor adicional div para evitar barras de desplazamiento horizontales. Le doy al iframe un ancho mayor que la ventana gráfica para eliminar el relleno excesivo.

Usar Google Forms en un teléfono inteligente

No me conozco, pero eso es lo que encontré. Yay para la búsqueda de Google!

Cambie el ancho en los formularios de Google antes de pegar el Código. Fácil….
Simplemente cambie el ancho a 360 para un teléfono o alrededor de 560 para tableta.

Puedes cambiar esto cuando vayas a
-> Archivo
——> Insertar

luego cambie la pestaña de ancho para que actualice el código, luego cópielo y péguelo en su sitio web agregando el html en una página web. Hice esto en el sitio http://WindshieldsWithPurpose.Com usando Adobe Muse si desea ver los formularios de Google que se muestran en las variaciones de escritorio, tableta y teléfono simplemente cambiando el ancho del código antes de pegar.

Buena suerte

Establecer el ancho al 100% es una parte de la solución.

El segundo es deshacerse de todas las respuestas de opción múltiple del tipo “Otro”. Parece que hay un error en los formularios de Google, por lo que no manejan el tipo de respuesta “Otro” correctamente en el móvil.