Wie kann ich Google Sheets mit einem HTML-Formular ausfüllen?

Antwort

Um Daten aus einem HTML-Formular direkt in eine Google Sheets-Tabelle zu übertragen, gibt es verschiedene Möglichkeiten. Eine der gängigsten Methoden ist die Nutzung von Google Apps Script als Web-App. Hier die grundlegenden Schritte: **1. Google Sheet vorbereiten** - Erstelle ein neues Google Sheet. - Notiere dir die URL und den Namen des Sheets. **2. Google Apps Script erstellen** - Öffne das Google Sheet. - Gehe zu **Erweiterungen > Apps Script**. - Ersetze den Beispielcode durch folgenden Code: ```javascript function doPost(e){ var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet(); var data = JSON.parse(e.postData.contents); sheet.appendRow([data.name, data.email, data.nachricht]); return ContentService.createTextOutput("Erfolgreich eingetragen"); } ``` Passe die Felder (`name`, `email`, `nachricht`) an dein Formular an. **3. Web-App veröffentlichen** - Klicke auf **Deploy > Neue Deployment**. - Wähle **Web-App**. - Setze "Wer hat Zugriff" auf "Jeder" (oder "Jeder mit dem Link"). - Klicke auf **Deploy** und kopiere die Web-App-URL. **4. HTML-Formular erstellen** Erstelle ein HTML-Formular, das die Daten per JavaScript an die Web-App-URL sendet: ```html <form id="meinFormular"> <input type="text" name="name" placeholder="Name" required> <input type="email" name="email" placeholder="E-Mail" required> <textarea name="nachricht" placeholder="Nachricht"></textarea> <button type="submit">Absenden</button> </form> <script> document.getElementById('meinFormular').addEventListener('submit', function(e){ e.preventDefault(); fetch('DEINE_WEBAPP_URL', { method: 'POST', body: JSON.stringify({ name: this.name.value, email: this.email.value, nachricht: this.nachricht.value }), headers: { 'Content-Type': 'application/json' } }).then(response => response.text()) .then(data => alert(data)); }); </script> ``` Ersetze `DEINE_WEBAPP_URL` durch die URL deiner veröffentlichten Web-App. **Hinweise:** - Die Web-App muss öffentlich zugänglich sein, damit das Formular Daten senden kann. - Achte auf Datenschutz und Sicherheit, wenn du persönliche Daten sammelst. **Weitere Infos:** - [Google Apps Script Dokumentation](https://developers.google.com/apps-script) - [Google Sheets API](https://developers.google.com/sheets/api) Mit dieser Methode kannst du einfach und kostenlos Daten aus einem HTML-Formular in Google Sheets speichern.

Neue Frage stellen

Verwandte Fragen

Wie beschleunigt KI das Programmieren?

Künstliche Intelligenz (KI) kann das Programmieren auf verschiedene Weise deutlich beschleunigen: 1. **Code-Vervollständigung:** Moderne KI-gestützte Tools wie GitHub Copilot oder Tabn... [mehr]

Alle Begriffe der Industrie 4.0 einfach erklärt?

Industrie 4.0 umfasst viele Begriffe, die sich auf die Digitalisierung und Vernetzung der industriellen Produktion beziehen. Hier sind die wichtigsten Begriffe einfach erklärt: **1. Cyber-physis... [mehr]

Was beinhaltet Industrie 4.0 in einfacher Sprache?

Industrie 4.0 bedeutet, dass Fabriken und Unternehmen moderner und „schlauer“ werden. Maschinen, Computer und Menschen arbeiten enger zusammen. Alles ist über das Internet verbunden.... [mehr]

Kann KI eigenständig Chats schreiben?

Künstliche Intelligenz (KI) kann eigenständig Chats schreiben, sofern sie entsprechend programmiert und trainiert wurde. Moderne KI-Modelle wie GPT-4 sind in der Lage, auf Texteingaben zu re... [mehr]