Hướng dẫn how do i link a google spreadsheet to a web form? - làm cách nào để liên kết bảng tính google với biểu mẫu web?

Nếu bạn thích một video, hãy kiểm tra nó trên YouTube tại

Trong bài viết này, tôi sẽ dạy bạn cách bạn có thể liên kết một biểu mẫu HTML đơn giản với bảng tính Google với cách tiếp cận dễ nhất, nhanh nhất có thể. Tất cả những gì bạn cần là một biểu mẫu HTML, tài khoản Google (để tạo tờ Google) và khả năng sao chép và dán.

Các bước dưới đây được sử dụng để liên kết các biểu mẫu và trang tính với nhau:

1.) Tạo biểu mẫu HTML của bạn và thêm các trường đầu vào thích hợp. Trong ví dụ này, tôi sẽ tạo một biểu mẫu phản hồi với một trường tên và tin nhắn.

2.) Sau đó đăng nhập vào tài khoản Google của bạn và tạo bảng tính, điền vào hàng đầu tiên của trang tính với tên của các trường đầu vào trong biểu mẫu HTML của bạn. Bỏ qua cột đầu tiên; Nó sẽ được sử dụng để theo dõi ngày của mỗi mục.

3.) Trong khi vẫn còn trên trang, nhấp vào menu mở rộng và chọn tập lệnh ứng dụng. Điều này sẽ mở ra trong một tab trình duyệt khác.

4.)

const sheetName = 'Sheet1'
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()
 }
}

Nhập chế độ FullScreenen EXIT Mode FullScreen

. Lưu dự án (CTRL + S hoặc nhấp vào biểu tượng đĩa mềm).
Save the project (Ctrl + S or click the floppy disk icon).

5.) Chạy tập lệnh. Điều này sẽ đưa ra một hộp thoại quyền, làm theo các bước và cấp tất cả các quyền cần thiết. Khi bạn nhận được phần này, nhấp trước và tiếp tục đến biểu mẫu. Nếu quyền đã được đưa ra đúng, thì bạn sẽ thấy điều này.

6.) Tạo trình kích hoạt cho tập lệnh bằng cách nhấp vào biểu tượng kích hoạt (báo thức) trên thanh bên và nhấp vào nút giống như FAB để thêm trình kích hoạt. Điều này sẽ mở ra một phương thức như thế này điền vào các tùy chọn sau:

• Chọn chức năng nào để chạy:
• Chọn triển khai nào nên chạy: “Head”
• Chọn Nguồn sự kiện: Từ From Bảng tính

• Chọn Loại sự kiện: trên biểu mẫu Gửi, sau đó lưu, điều này có thể yêu cầu một yêu cầu quyền khác mà bạn nên cấp.
  Then save, this might require another permission request which you should grant.

  7.) Sau khi lưu, nhấp vào nút triển khai màu xanh ở góc trên cùng bên phải và chọn Triển khai mới. Sau đó, nhấp vào biểu tượng Chọn Loại Loại và chọn ứng dụng web trên mạng.

  8.) Trong mẫu xuất hiện điền vào trường Mô tả, đây có thể là bất cứ điều gì bạn muốn. Trong trường thực thi trên trường AS AS AS, hãy chọn ME Me. Và sau đó, trong "Ai có quyền truy cập", chọn bất cứ ai "

  9.) Triển khai và sao chép URL web được hiển thị sau đó.

Với các bước trên, chúng tôi được thực hiện với khía cạnh Google Sheet. Tất cả những gì còn lại bây giờ là liên kết biểu mẫu HTML với trang tính. Có một số phương pháp để làm điều này nhưng tôi sẽ cho bạn thấy phương pháp mà tôi nhận thấy là dễ dàng và linh hoạt nhất. Sao chép và dán mã bên dưới trong thẻ tập lệnh.

Nhập chế độ FullScreenen EXIT Mode FullScreen

. Lưu dự án (CTRL + S hoặc nhấp vào biểu tượng đĩa mềm).

• 5.) Chạy tập lệnh. Điều này sẽ đưa ra một hộp thoại quyền, làm theo các bước và cấp tất cả các quyền cần thiết. Khi bạn nhận được phần này, nhấp trước và tiếp tục đến biểu mẫu. Nếu quyền đã được đưa ra đúng, thì bạn sẽ thấy điều này.
• 6.) Tạo trình kích hoạt cho tập lệnh bằng cách nhấp vào biểu tượng kích hoạt (báo thức) trên thanh bên và nhấp vào nút giống như FAB để thêm trình kích hoạt. Điều này sẽ mở ra một phương thức như thế này điền vào các tùy chọn sau:
• Chọn chức năng nào để chạy:

Chọn triển khai nào nên chạy: “Head”

Chọn Nguồn sự kiện: Từ From Bảng tính

• Chọn Loại sự kiện: trên biểu mẫu Gửi, sau đó lưu, điều này có thể yêu cầu một yêu cầu quyền khác mà bạn nên cấp.
• 7.) Sau khi lưu, nhấp vào nút triển khai màu xanh ở góc trên cùng bên phải và chọn Triển khai mới. Sau đó, nhấp vào biểu tượng Chọn Loại Loại và chọn ứng dụng web trên mạng.