Ir al contenido principal

Google Apps Script (I) : Formulario de contacto

Origen

Las Google Apps Scripts, o secuencias de comandos, son pequeñas programaciones de comandos JavaScript que facilita la automatización de algunas tareas en las aplicaciones de Google.

A partir de leer el post de mi amigo Antonio Garrido , asesor TIC del CPR de Alcazár de San Juan en Ciudad Real :

Cuestionario autocalificables con Google Docs y Flubaroo


en el que explica cómo hacer mediante una secuencia de comandos llamada Flubaroo, cuestionarios autoevaluables con Google Docs, me he puesto a trastear un poco con ellas y he encontrado dos utilidades más. En este post veremos cómo hacer un formulario de contacto que se envía completo a una dirección de email.

Formulario de Contacto

Sabemos que con Google Docs se pueden hacer formularios con mucha facilidad y que los datos enviados a través de ellos quedan recogidos en un hoja de cálculo. En esta hoja de cálculo se pueden configurar las notificaciones para que, cuando alguien rellena el formulario, te envíe un aviso por correo electrónico. De esta manera, podemos entrar en la hoja y ver el nuevo registro.

Hay una forma de que, cuando alguien envíe el formulario, recibir en el correo electrónico las respuestas completas, sin necesidad de acudir a la hoja de cálculo para visualizar el registro generado. Esto puede servir para hacer formularios de contacto para páginas web, etc.

Procedimiento:

1. Crear un formulario en Google Docs



2. Definimos los campos que creamos necesarios. Uno de ellos será la dirección de email de la persona que envía dicho formulario (necesario para poder responder). En este ejemplo crearé tres preguntas: Nombre, email y mensaje :


3. Una vez creados los campos guardamos el formulario y volvemos a la hoja de cálculo asociada:


4.Una vez dentro de la hoja, elegimos dentro del menú "Insertar" : "Secuencia de comandos"




5. En la ventana que aparece con el nombre de Galería de Secuencia de Comandos, hacemos una búsqueda por el término Contact Us, y en el resultado que sale "Contact Us Form Emailer" clicamos en Instalar, tras lo cual puede que nos aparezca un mensaje de error al cual no debemos hacer ningún caso :



 6. Ahora es el momento en el que tenemos que editar nuestra secuencia de comandos y activarla para que se ejecute cuando alguien envía un formulario.


 Entraremos en una nueva ventana de edición :


Tendremos que personalizar algunas líneas con nuestros propios datos :

function contactUsMailer(e) {
  //  This script e-mails the contents of a form to a given recipient
  //  The form must have three fields in the order of: name; e-mail address; and message
  //  You must change the recipient variable below to your e-mail address
  try {
    var recipient = "guerra.jc@gmail.com" ;      ENTRE LAS COMILLAS PONEMOS LA DIRECCIÓN DONDE QUEREMOS RECIBIR EL FORMULARIO. SI PONEMOS VARIAS DIRECCIONES SEPARADAS CON COMAS , SE RECIBIRÁ EN TODAS.
    var timestamp = e.values[0];
    var name = e.values[1];
    var email = e.values[2];
    var message = e.values[3];
    var body = name+' <'+email+'> Ha enviado el siguiente mensaje a través de la web: '+message;
    var bodyHTML1 = '<p>'+name+' <a href="mailto:'+email+'">'+email+'</a> Ha enviado el siguiente mensaje a través de la web: </p>';  PERSONALIZAMOS LAS FRASES DEL CUERPO DEL MENSAJE
    var bodyHTML2 = '<blockquote>'+message+'</blockquote>';
LA LÍNEA varbodyHTML3  LA PODEMOS BORRAR PORQUE ES PUBLICIDAD DE LA SECUENCIA QUE APARECERÍA AL FINAL DEL MENSAJE
    var advancedArgs = {htmlBody:bodyHTML1+bodyHTML2 , replyTo:email};  SI ELIMINAMOS LA LÍNEA ANTERIOR, EN ESTA TENEMOS QUE BORRAR +bodyHTML3 porque no estaría definida
    MailApp.sendEmail(recipient, "Mensaje a través de la web", body, advancedArgs);
  } catch(e){
    MailApp.sendEmail(recipient, "Error - Contact Us Form", e.message);
  }
}





Una vez hechos los cambio vamos al menú "Archivo" y Guardamos.


7. Ahora activaremos la secuencia. Para ello iremos al menú "Activadores" y ahí clicamos "Activadores de la secuencia de comandos actual"





clicamos en Here to add one now


Cambiamos el tercer campo a "On form submit" . De esta forma recibiremos el formulario cuando alguien lo envía . Guardamos el activador.


Nos aparecerá el siguiente aviso y lo autorizaremos :



8. Ahora hacemos una prueba de envío de formulario :



Si hemos realizado las acciones anteriores correctamente, recibiremos un email en nuestro buzón :




Comentarios

  1. Excelente JC, va de maravilla.
    En mi caso deseaba enviar el formulario a varios correos y probé con lo típico, es decir, separarlos con comas, y....¡funciona!
    Gracias por la ayuda

    ResponderEliminar
  2. Gracias Iñaki, me alegro de que le valga a alguien.

    ResponderEliminar
  3. m parece muy útil!!! gracias Juan Carlos :D
    voy a probar...

    ResponderEliminar
  4. Muchas Gracias Juan Carlos. Me parece muy útil, así no tendré que estar cada momento, comprobando si ha habido nuevas entradas en el formulario.

    ResponderEliminar
  5. quiero crear un formulario en la que incluya un campo donde escriban su correo, pero al momento de enviar las respuestas envie una copia de esas respuestas al correo que se ingrese.

    ResponderEliminar
  6. Hola buenas, me perdi puedes hacer un nuevo tutor, ya que no encuentro las herramientas en los pasos a seguir. quisiera crear un formulario de contacto, con Google Form

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos! Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir… En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io . Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras. Cuando entras en fluky.io , solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que pu

Meograph: crear historias multimedia

Meograph es una herramienta que nos permite crear una historia, combinando diferentes momentos organizados en una línea de tiempo, en los que podemos introducir mapas, narraciones escritas o en audio, vídeos de Youtube, imágenes y enlaces.  Su manejo es muy sencillo. Primero debemos registrarnos, a través de Facebook o con nuestra cuenta de correo. Una vez dentro, clicamos en el botón “Create a Meograph” para ir añadiendo los distintos "momentos" a nuestro montaje. Antes de comenzar nuestra historia podemos elegir, desde nuestro ordenador, una imagen que acompañe al título elegido  (podemos hacerlo también después, pues nos permite editarlo cuando queramos)   Comenzamos a crear pulsando "+Add a moment". De manera opcional podemos incluir una introducción y una conclusión, que acompañen a la historia y que tendrán que ser únicamente una narración en audio (no da opción para texto) Esto se efectuará pulsando en la palabra “Narration” que aparece bajo

Evaluar con rúbricas en Google Classroom

  Hace unos meses, Google implementó una funcionalidad en Google Classroom muy interesante tanto para el profesorado como para el alumnado: la evaluación de las tareas mediante guías de evaluación . Vamos, lo que toda la vida se ha conocido como evaluación por rúbricas . Es un proceso muy sencillo, que vamos a detallar a continuación, y que además facilita la compartición de las rúbricas con otros docentes de una forma rápida. Lo primero que tenemos que saber es que las guías de evaluación o rúbricas se pueden utilizar en dos clases de tareas: - Tareas - Tareas por cuestionario Una vez que comenzamos a crear la tarea, tenemos que darle un título y una descripción para que se active el botón de guías de evaluación. Además, elegiremos la puntación total para que el propio Classroom calcule la calificación sobre esa puntuación. Cuando se activa el botón de las guías, podemos optar por crear una nueva rúbrica, reutilizar una que hayamos creado anteriormente o importar la rúbrica de una ho