incorporare un modulo google direttamente nel codice html di un sito web

Question

Sto cercando un modo per prelevare campi specifici da un modulo di Google e inserirlo in una pagina html.

<form> 
     <input id="email" type="text" placeholder="email address" value="email"> 
     <button id="submit" type="submit">Submit</button> 
    </form> 

Quando faccio clic su Invia, desidero che i dati vengano inviati a un modulo Google specifico.

Grazie

Answer 1

Se si vuole costruire la propria forma, ospitato separatamente da Google, e inviare ad un modulo di Google, è necessario emulare richiesta POST del modulo Google. Innanzitutto, devi ottenere i dati del modulo che vengono inviati a Google e quindi devi inviarlo dalla tua pagina utilizzando AJAX.

Per ottenere i dati del modulo, aprire gli Strumenti di sviluppo di Chrome e fare clic sulla scheda Rete. Quindi invia il tuo modulo ospitato da Google con dati fittizi. Clicca sul primo oggetto che vedi nella lista - dovrebbe dire "formResponse". Quindi devi copiare due cose dai dati nel riquadro di destra: "URL di richiesta" (dove verrà inviato il tuo modulo) e qualsiasi cosa che inizi con "voce". nella sezione Dati modulo (ad esempio, "voce.123456").

Successivamente, crea un modulo sulla tua pagina e utilizza AJAX per inviare i dati a Google. Il modo in cui ho fatto è quello di utilizzare jQuery per dirottare l'invio del modulo in modo che il modulo non cerca di presentare il proprio dominio:

$('.my-form').on('submit', function() { 
    e.preventDefault(); 
    $.ajax(
    type:"POST" 
    url: "https://docs.google.com/forms/d/your-form-id/formResponse" 
    data: { 
     'entry.12345': $('.your-form-input').val() 
    } 
); 
}