BLOGGER Y GOOGLE DRIVE

FORMULARIOS
Encuestas, solicitud de presupuestos, pedidos, reservas, envo de datos de contacto,
notificacin, incidencias, envo de sugerencias, introduccin de mtricas, etc. En definitiva,
hablamos deFormularios web. Tras ver cmo integrar Google Calendar y Google Docs
Hojas de clculo con Blogger, le ha llegado el turno a los Google Docs
Formularios. Recuerda

que

esta

publicacin

forma

parte

de una

serie de

artculos dedicados a la integracin de Blogger con otros servicios de Google.

La lista de aplicaciones asociadas a creacin de formularios es infinita, es muy raro el da

que no nos topemos con uno de ellos navegando a travs de Internet. Los formularios
permiten la captura de datos de manera simple, ordenada y validada, es por ello por lo que
los formularios web estn presente en todo sitio Web.

NOTA IMPORTANTE:
Mi nombre es Jess Gonzlez y soy el autor de iniciaBlog. Si ests buscando una
herramienta que te ayude a difundir las publicaciones de tu blog, debes saber que junto
con mi equipo he desarrolladoBlogsterApp - Te invitamos a conocer este nuevo
servicio. Prubalo ahora con tu blog de manera gratuita.
Un abrazo, Jess Gonzalez, autor de iniciaBlog y BlogsterApp.

En este tutorial te mostrar paso a paso cmo crear un formulario web usando para ello
Google Docs para posteriormente integrarlo en tu blog (Blogger), este ejercicio debe
abrirte las puertas a todo tipo de aplicaciones con los formularios tal y como te comentaba
al comienzo.

Cmo insertar un formulario de Google Drive en Blogger

QU ES GOOGLE FORMULARIOS
Un formulario es otro de los tipos de documentos que puedes crear dentro de Google
Drive. Son muy prcticos y sobre todo necesario si lo que quieres es dotar a tu sitio web o
blog de un mtodo fcil para capturar de datos. Un formulario est por lo tanto compuesto
de campos, a su vez y dependiendo el tipo de campo, la respuesta puede ser libre
(introducida por el usuario) o puede ser seleccionada a partir de una lista, como por
ejemplo Dispone de carnet de conducir?, SI-NO.

Existen hasta 9 tipos de campos que te resumo a continuacin:

1.

Campo Texto.
Ideal para solicitar nombre, apellidos, correo electrnico, asunto, etc. Admite
validadores que permiten notificar si el dato introducido no es acorde. Por ejemplo un
correo electrnico no vlido o introducir nmero es una casilla donde se esperan letras.

2.

Campo Texto de Prrafo.

Es un campo libre, ideal para solicitar notas, observaciones, pregunta, en definitiva un
texto amplio de tipo prrafo.

3.

Campo Tipo Test.

Por ejemplo el tpico Si, No, No responde, o por ejemplo Hombre, Mujer. Al marcar una
respuesta se excluyen las otras.

4.

Campo Tipo Casilla de Verificacin.

Para cuando existe la posibilidad de seleccionar varias respuestas posibles, por
ejemplo En qu ciudades espaolas has vivido?

5.

Campo Tipo Elegir de una Lista.

Se presenta como un desplegable, ofrece todas las posibilidades pero sin embargo
solo es posible elegir una de las respuesta. Por ejemplo Pas de Nacimiento.

6.

Campo Tipo Escala.

Para cuando tienes por ejemplo que elegir del 1 al 5 en preguntas donde te piden
valoracin.

7.

Campo Tipo Cuadrcula.

Cuando el valor viene dado por una matriz formada por filas y columnas. No se suele
ver mucho pero es una posibilidad ms que tenemos.

8.

Campo Tipo Fecha.

Ideal para cuando necesitas recoger una fecha, el usuario podr indicar el da, mes y
ao a partir de unos desplegables. Opcionalmente puede indicar si muestras tambin
la hora.

9.

Campo Tipo Hora.

Al igual que ocurre en el caso anterior, permite al usuario introducir datos de horas

Podemos combinar todos estos tipos de campo en un nico formulario. Si es formulario es

muy largo puede ser distribuido en diferentes pginas, de manera que una vez
cumplimentada la primera pgina debes avanzar a la siguiente.

DONDE SE GUARDAN LOS DATOS RECOGIDOS A

TRAVS DE UN FORMULARIO DE GOOGLE DRIVE?
Cada formulario que crees, generar automticamente un archivo tipo hoja de clculo,
eso quiere decir que cuando un usuario cumplimenta un formulario y pulsa el botn de
envar, sus datos van a parar a esta hoja de la que hablamos.

ES POSIBLE RECIBIR UNA NOTIFICACIN VIA

EMAIL CUANDO UN USUARIO CUMPLIMENTA EL
FORMULARIO?
Si es posible y adems creo que en la mayora de los casos es necesario, a menos que el
formulario est destinado a recoger mtricas de tu propio blog como por ejemplo n de
seguidores mensual, en este caso como eres tu mismo quien cumplimenta el formulario,
no es necesario dicha notificacin. Veremos cmo configurarlo en el siguiente tutorial.

DOS CONSEJOS A TENER EN CUENTA ANTES DE

COMENZAR
CONSEJO 1 - FORMULARIOS LARGOS MEJOR PRIMERO
EN PAPEL
Si vas a crear un formulario con ms de 5 o 6 preguntas es recomendable que lo disees
previamente en papel. Anota el enunciado de cada pregunta y sus posibles respuesta. Ese
diseo en papel te servir de gua posteriormente.

CONSEJO 2 - CREA CARPETAS EN GOOGLE DRIVE PARA

ORGANIZAR TUS ARCHIVOS
Organiza tu Google Drive mediante carpetas tal y como haras si estuvieras trabajando en
tu ordenador. Ejemplo, si tienes una empresa y vas a crear formularios es posible que te
interese crear una carpeta por cada departamento.

TUTORIAL PRCTICO, INTEGRANDO GOOGLE

DRIVE FORMULARIO Y BLOGGER

Llegados a este punto, vamos a poner en prctica este tutorial. Para ello te propongo
hacer todo el ejercicio completo, desde crear un nuevo formulario hasta integrarlo en
Blogger. Al final te ofrecer un enlace al formulari de ejemplo que he creado para ti.

PASO 1. CREAR UN NUEVO FORMULARIO EN GOOGLE DRIVE

Sigue estos pasos para crear tu primer formulario, piensa que ser el que usars para
luego insertar en tu blog.

1.

Accede a Google Drive

2.

En el panel de la izquierda, pulsa el botn crear

3.

En el men que se muestra, haz clic en Crear nuevo formulario

4.

Se abrir una nueva ventana donde debers 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 botn de Aceptar

5.

Se abre el diseador de formulario. Vers 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

botn Ver el formulario publicado para ver una vista previa funcional del
mismo.

7.

Si no te gusta el diseo, tienes el botn Diseo: para elegir otras

plantillas.

Ahora es cuestin de crear todos y cada uno de los campos. Fjate que al pie del
diseador de formulario tienes una seccin llamada Pgina de confirmacin. Puedes
personalizar el mensaje que vern los usuarios una vez enviado el formulario y adems
puedes marcar tres opciones.

1.

Mostrar enlace para enviar otra respuesta. Ideal para aquellos

casos donde se necesita rellenar formularios de manera mecnica por parte
del usuario.

2.

Publicar y mostrar un enlace a los resultado de ese formulario.

Permite ver las respuestas enviadas a modo de estadstica

3.

Permitir que los encuestados editen las respuestas despus de

enviarlas. Todos podemos equivocarnos, con esta opcin das pie a que el
usuario pueda cambiar su respuesta enviada.

EN NUESTRO EJEMPLO LA HEMOS MARCADO LAS TRES.

ADEMS NUESTRO FORMULARIO DE EJEMPLO CONTIENE DOS
PGINAS, EN LA SEGUNDA TIENES UN VDEO 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 botn
Seleccionar destino de las respuesta y se mostrar un nuevo asistente, donde
bsicamente debes darle al botn Crear para asociar el archivo hoja de clculo que
actuar como contenedor. Mira la siguiente imagen:

A continuacin 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 cdigo para integrarlo en tu blog

1.

Haz clic en tu formulario para abrir el diseador

2.

Haz clic en el botn que pone Enviar

3.

Encontrars otro botn llamado Incrustar

4.

Se mostrar otro dilogo con el cdigo de tipo iFrame donde puedes

especificar el Ancho y el alto.

5.

Cuando tengas tu configuracin, debers copiar el cdigo HTML que te

ofrece la propia pgina. Copia y deja la pestaa con esta herramienta
abierta.

PASO 4. INTEGRAR EL FORMULARIO EN BLOGGER

Tienes el cdigo copiado en el portapapeles, ahora vamos

a insertarlo en el blog. Lo ms lgico es que te crees una nueva pgina (no post).

A continuacin te ofrezco unos pasos rpidos para crear tu pgina pero si nunca lo has
hecho antes, te invito a que leas este artculopara completar estos pasos.

1.

Accede a Blogger

2.

Selecciona tu blog

3.

Haz clic sobre el apartado Pginas, a la izquierda

4.

Haz clic en el desplegable Pgina nueva y selecciona Pgina en Blanco

5.

Se abrir el editor de pginas (muy similar al de post)

6.

Pon un ttulo a tu pgina (Encuesta o formulario de contacto)

7.

Haz clic en el botn HTML

8.

Pega el cdigo que tienes en el portapapeles

9.

Haz clic en el botn Publicar

10.

Si tenias el Gadget de pginas sta ya debe mostrarte, si no lo tienes

selecciona el desplegableMostrar pginas como y selecciona Pestaas
principales.

11.

Visualiza tu blog y accede a tu nueva pgina donde muestras el

formulario

Enhorabuena!, has terminado la integracin de Google Drive Formulario en Blogger.

Los cambios que efectes en el formulario se reflejarn automticamente en tu blog. En
este caso hemos integrado el formulario dentro de una pgina de Blogger pero si lo desea
puedes ofrece simplemente un enlace hasta el formulario, ese enlace lo tienes una vez
que presiones el botnEnviar formulario.

Conecta con el centro de ayuda de Google Drive con el fin de acceder a la

documentacin oficial

EJEMPLO DE FORMULARIO DE MUESTRA DE

INICIABLOG
Este es mi formulario de ejemplo. En este caso lo he incrustado en un post. Tambin
puedes verloaccediendo a este enlace. Te he puesto el tipo de respuesta bajo cada
pregunta, y ahora solo te queda cumplimentarlo.

CMO ACTIVAR LAS NOTIFICACIONES POR

EMAIL (OPCIONAL)
Sabiendo que los resultados de cada formulario enviado se guardan en una hoja de
clculo,aplicamos lo aprendido en este otro tutorial y para completar esta

publicacin, lo que he hecho es insertar aqu la hoja de clculo con las respuesta. Una vez
cumplimentado el formulario vers tu respuesta en la siguiente hoja:

CMO ACTIVAR LAS NOTIFICACIONES POR

EMAIL
Por cada formulario enviado, el sistema crear un nuevo registro en una hoja de clculo
automticamente. Sigue estos pasos para configurar el sistema de notificaciones y que te
avise mediante un email que tienes un nuevo contacto.

Vuelve a Google Drive y haz clic sobre la hoja de clculo asociado al formulario, en mi
caso Ejemplo Formulario iniciaBlog (respuestas)
1.

Ve al men Herramientas y haz clic en Reglas de Notificacin...

2.

Marca las opciones tal y como aparece en el siguiente grfico:

Una vez configurado las notificaciones solo tienes que realiza una
prueba...rellenado tu mismo el formulario.

10 COSAS QUE SE PUEDEN HACER CON LOS

FORMULARIOS DE GOOGLE DRIVE
1.

Formularios multi pginas

2.

Dependiendo el tipo de respuesta realizada en una pregunta es posible

navegar hasta una pgina en particular

3.

Puedes mostrar una barra de progreso. Tiene sentido en formulario con

varias pginas

4.

Puede indicar si las respuestas son obligatorias u opcionales

5.

Puedes incluir video y fotos

6.

Puedes crear secciones dentro de una misma pgina

7.

Puedes recibir notificacin de un envio de formulario via mail

8.

Puedes personalizar el mensaje que se muestra al usuario una vez

enviado el formulario

9.

Puedes obtener un cdigo tipo iframe para incrustar en tu blog o web

10.

Puedes aplicar una plantilla predefinida y el resultado cambia

estticamente

10 COSAS QUE NO SE PUEDEN HACER CON LOS

FORMULARIOS DE GOOGLE DRIVE
1.

Indicar una pgina de destino al presionar el botn enviar

2.

Adjuntar una imagen como respuesta. No soporta upload. Sin embargo

para estos caso te recomiendo mira esta aplicacin tambin para Google
Drive.

3.

Respuesta directa a un remitente al solicitar su email desde el correo

electrnico

4.

El grado de personalizacin de los mensaje de campo obligatorio no es

elevado

5.

No puedes quitar el logo de Google Drive

6.

No puedes personalizar los textos que figuran al pie

7.

La cantidad de plantillas disponibles tampoco es muy grande

8.

No puedes cambiar los tipos de letra (solo aplicando una plantilla)

9.

No puedes cambiar el fondo del formulario (solo aplicando una plantilla)

10.

Destino un correo electrnico en lugar de una hoja de clculo

TE HA GUSTADO ESTA
PUBLICACIN? COMPARTELA CON TUS
SEGUIDORES. GRACIAS!