Google Drive per creare un modulo di contatto con Captcha.

Come inserire un controllo visivo o captcha nei moduli realizzati e pubblicati online con Google Drive come moduli di contatto, sondaggi, quiz, domande di iscrizione, ecc.

Abbiamo già visto come su Google Drive ci sia la possibilità di creare dei moduli molto flessibili che possono essere usati per una pagina di contatto oppure anche per un sondaggio a addirittura un quiz. In un commento mi è stato fatto presente che questi moduli potrebbero essere oggetto di spam visto che non c'è nessun controllo visivo per impedire l'accesso a un qualsiasi robot.

In realtà già nelle funzioni per la creazione dei moduli di Google Drive ci sono degli strumenti per inserire una sorta di captcha per evitare problemi di spam. Il sistema è quello di aggiungere un nuovo elemento con una domanda semplicissima. Nel test ho pensato a una risposta su una addizione a cui  ciascun umano è in grado di rispondere esattamente ma che può mettere in difficoltà un robot. Illustrerò le varie operazioni per un modulo di contatto ma la procedura è la stessa anche se si crea un sondaggio, un quiz o un modulo di iscrizione al nostro sito o alla newsletter.

COME CREARE UNA PAGINA DI CONTATTO

Nel post linkato a inizio articolo ho già illustrato come realizzare una pagina di contatto con Google Drive che cercherò comunque di riassumere. Si accede a Google Drive con il nostro account Google quindi si va su Nuovo >  Altro > Moduli Google per poi digitare Titolo e Descrizione del modulo

Il modello può essere scelto subito oppure modificarlo alla fine della sua realizzazione. I moduli sono realizzati aggiungendo dei singoli elementi che possono essere Testo, Testo del paragrafo, Scelta multipla, Caselle di Controllo, Scegli da Elenco e Griglia. Nel caso di un modulo di contatto utilizzeremo solo Testo per Nome, Indirizzo email e Sito Web collegato mentre per il corpo del Messaggio è più opportuno selezionare Testo del paragrafo. L'elemento Testo

deve essere compilato inserendo il titolo della domanda e opzionalmente il testo della guida. In basso si può o meno mettere la spunta su Domanda obbligatoria. Chi non compilerà una domanda obbligatoria non potrà inviare il modulo. Si va su Fine dopo aver completato la configurazione. Dopo aver aggiunto tutti gli elementi del modulo si passa alla Pagina di Conferma in cui si può mettere la spunta alle opzioni Mostra link per inviare un’altra risposta, Pubblica e mostra un link pubblico ai risultati del modulo e Consenti a chi risponde di modificare le risposte. Si digita quindi il messaggio di conferma che può essere "Il tuo messaggio è stato inviato". Si va quindi su Invia Modulo per ottenere il link del modulo non ancora pubblico

Nella finestra che si apre si copia l'URL del modulo

Cliccando su Fine si aprirà un'altra finestra in cui scegliere la Destinazione dei messaggi o delle risposte che sarà un foglio di lavoro sempre del nostro account di Google Drive

Adesso si deve andare nel menù il alto e cliccare su Mostra modulo online per renderlo pubblico

Si aprirà una nuova scheda del browser con il modulo così come lo vedranno gli utenti. Per avere la sicurezza che sarà visto da tutti copiate l'indirizzo e incollatelo in una scheda del browser per la navigazione in Incognito. Andate ora su File > Incorpora per ottenerne il codice

Tale codice potrà essere personalizzato per quello che riguarda la larghezza e l'altezza anche in un secondo momento. Se siete utenti di Blogger (anche con un blog Dynamic Views) e volete installarlo in una pagina statica, andate su Pagine > Nuova Pagina > Pagina vuota.

Nel foglio di lavoro collegato al modulo si creerà automaticamente un database

Demo
Clicca qui

COME INSERIRE UNA CAPTCHA

Dove aver verificato che il modulo di contatto o il form di registrazione o il quiz funzioni e che le risposte vengano effettivamente registrate nel foglio di lavoro, se si vuole, si può anche essere informati immediatamente di un nuovo messaggio andando su Strumenti > Regole di notifica. La email di notifica ci arriverà nell'account Gmail collegato all'account Google Drive

Per inserire una captcha dobbiamo tornare nell'Editor del modulo e andare su Inserisci > Interruzione di pagina per poi compilare la 2° pagina del modulo con un messaggio di errore

Si ritorna quindi nella prima pagina e si va su Aggiungi elemento per inserire il controllo visivo

Si può impostare una domanda semplicissima e poi nel Tipo di domanda selezionare Scegli da elenco. Nel Testo della guida si può informare che la domanda serve per dimostrare di essere umani. Si deve mettere la spunta su Domanda obbligatoria e su Vai alla pagina in base alla risposta.  Alla risposta giusta si fa corrispondere l'opzione Invia Modulo mentre per quelle sbagliate si seleziona Vai alla Pagina 2 che abbiamo appena configurato con il messaggio di errore. È anche opportuno andare su Impostazioni avanzate e mettere la spunta su Riordina casualmente l'ordine delle opzioni per mostrare la risposta giusta in posizioni diverse

Si va su Fine per completare tutto il processo. Quando si modifica un documento di Google Drive che è già stato messo online le modifiche verranno applicate automaticamente dopo pochi minuti.

Insieme agli altri campi del modulo verrà visualizzato l'elemento appena creato e la sua compilazione sarà obbligatoria. Le possibili risposte verranno elencate in ordine casuale e se l'utente sbaglia la risposta verrà inviato alla 2° pagina del modulo con il messaggio di errore

Dopo la Pagina 1 è opportuno scegliere Invia Modulo invece di Continua alla pagina successiva

per mandare nella seconda pagina del modulo solo quelli che abbiano sbagliato la risposta.

Aggiornamento: Mi sono accorto che per rendere la compilazione più fluida anche a chi avesse sbagliato la risposta alla domanda della Captcha occorre Inserire una nuova interruzione di pagina e quindi creare una Pagina n° 3 con un titolo qualsiasi. Alla fine della pagina 2 nel campo Dopo la pagina 2... va scelta l'opzione Vai alla pagina 1 per una nuova compilazione del modulo mentre nell'Elemento della captcha al posto di Continua e vai alla pagina successiva come mostrato nello screenshot va scelto come già accennato Invia modulo accanto alla risposta giusta.