Configuré una secuencia de comandos de Google Apps como una aplicación web para tomar datos de un formulario HTML (formulario que no es de Google) e insertar los resultados en Hojas de cálculo de Google. Todo funciona, pero estoy tratando de obtener una página de inicio personalizada en lugar de la página actual de Apps Script, que no es útil para el usuario final.
Usé esto como referencia: https://github.com/levinunnink/html-form-to-google-sheet
Hay información al final de esta guía de GitHub, pero no es descriptiva y no puedo encontrar nada que funcione aquí o en GitHub. Conozco algo de JS, pero no soy un experto y realmente me vendría bien una mano para resolver esto. A continuación se muestra lo que tengo y esto es lo más cerca que he llegado a que todo funcione.
Aquí está mi HTML.
<script> function myFunction() { alert("The form was submitted successfully. Please press okay to continue..."); window.open("URL-to-thanks-page", "_top"); } </script> <form class="googleform" name="googleform" id="googleform" target="_top" method="POST" onsubmit="myFunction()" action="MY-GOOGLE-APPS-SCRIPTS-URL"> <!--FORM STUFF--> <button type="submit" class="btn-default btn" name="submit" access="false" style="default" id="submit">Submit</button> </form>Aquí está mi Código.gs
const sheetName = 'RSVP' const scriptProp = PropertiesService.getScriptProperties() function intialSetup () { const activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet() scriptProp.setProperty('key', activeSpreadsheet.getId()) } function doPost (e) { const lock = LockService.getScriptLock() lock.tryLock(10000) try { const doc = SpreadsheetApp.openById(scriptProp.getProperty('key')) const sheet = doc.getSheetByName(sheetName) const headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0] const nextRow = sheet.getLastRow() + 1 const newRow = headers.map(function(header) { return header === 'Date' ? new Date() : e.parameter[header] }) sheet.getRange(nextRow, 1, 1, newRow.length).setValues([newRow]) return ContentService .createTextOutput(JSON.stringify({ 'result': 'success', 'row': nextRow })) .setMimeType(ContentService.MimeType.JSON) } catch (e) { return ContentService .createTextOutput(JSON.stringify({ 'result': 'error', 'error': e })) .setMimeType(ContentService.MimeType.JSON) } finally { lock.releaseLock() } }Cualquier ayuda sería muy apreciada.
Respetuosamente,
Me di cuenta de esto en realidad. Usé el código de la guía original con una modificación. En mi HTML, eliminé la sección <script> anterior y la cambié a lo siguiente:
<script> window.addEventListener("load", function() { const form = document.getElementById('googleform'); form.addEventListener("submit", function(e) { e.preventDefault(); const data = new FormData(form); const action = e.target.action; fetch(action, { method: 'POST', body: data, }) .then(() => { window.location.href = 'URL of thank you page'; }) }); }); </script>Esto solucionó el problema y ahora todo funciona correctamente.