Pubblicato il 24/10/15e aggiornato il

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

moduli-google-drive

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

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

inviare-modulo

Nella finestra che si apre si copia l'URL del modulo
inviare-modulo[4]

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

destinazione-risposte

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

mostra-modulo-online

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

modulo-contatto

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

database-modulo-contatto

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

strumenti di notifica

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

messaggio-errore-seconda-pagina

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

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

riordina-casualmente-ordine-risposte

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.

captcha-google-drive

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

captcha-modulo-google

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

inviare-modulo-captcha

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.  




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.