Ya, bisa! Blogspot (Blogger) dapat digunakan sebagai antarmuka untuk menginput dan menyimpan data ke Google Sheets dengan bantuan Google Apps Script.
Buka Google Sheets dan buat file baru untuk menyimpan data.
Buka Apps Script di Google Sheets:
function doPost(e) { var sheet = SpreadsheetApp.openById("SPREADSHEET_ID").getSheetByName("Absensi"); var data = JSON.parse(e.postData.contents); // Ambil data JSON dari Blogspot sheet.appendRow([new Date(), data.nama, data.kelas]); // Simpan ke Google Sheets return ContentService.createTextOutput("Data berhasil disimpan"); }
🔹 Ganti SPREADSHEET_ID dengan ID dari Google Sheets kamu.
SPREADSHEET_ID
Deploy sebagai Web App:
Buka Blogspot dan buat Post atau Halaman Baru.
Masukkan kode HTML berikut dalam mode HTML Editor:
<h3>Form Absensi</h3> <label>Nama:</label> <input type="text" id="nama"><br><br> <label>Kelas:</label> <input type="text" id="kelas"><br><br> <button onclick="kirimData()">Kirim</button> <p id="response"></p> <script> function kirimData() { var nama = document.getElementById("nama").value; var kelas = document.getElementById("kelas").value; var data = { "nama": nama, "kelas": kelas }; fetch("WEB_APP_URL", { method: "POST", body: JSON.stringify(data), headers: { "Content-Type": "application/json" } }) .then(response => response.text()) .then(data => { document.getElementById("response").innerText = data; }) .catch(error => console.error("Error:", error)); } </script>
🔹 Ganti WEB_APP_URL dengan URL Web App dari Google Apps Script.
WEB_APP_URL
Jika tidak ingin menggunakan kode, bisa langsung menyematkan Google Forms di Blogspot:
<iframe src="LINK_GOOGLE_FORM" width="100%" height="500px"></iframe>
✅ Blogspot bisa digunakan untuk menginput data ke Google Sheets menggunakan Google Apps Script Web App. ✅ Tidak perlu hosting atau server tambahan. ✅ Bisa dikombinasikan dengan desain Blogspot agar lebih menarik.
Mau ditambahkan fitur lain, misalnya validasi data atau tampilan yang lebih menarik? 😊
Untuk membuka Google Apps Script di Google Sheets, ikuti langkah-langkah berikut:
function myFunction() {...}
Contoh kode untuk menyimpan data ke Google Sheets:
function doPost(e) { var sheet = SpreadsheetApp.openById("SPREADSHEET_ID").getSheetByName("Absensi"); var data = JSON.parse(e.postData.contents); sheet.appendRow([new Date(), data.nama, data.kelas]); return ContentService.createTextOutput("Data berhasil disimpan"); }
Ctrl + S
Jika ingin menggunakan script ini untuk menerima data dari aplikasi lain:
Sekarang Google Apps Script sudah siap digunakan! 🚀
Butuh bantuan lebih lanjut? 😊
0 Comments