サーベイ回答を Google Sheets に送信する

• サーベイデータを受け取るように Google Sheet を設定する方法。
• Widget Studio の Survey Settings タブを構成して、回答を Google Sheets に送信する方法。

​

Google Sheet を設定する

1. Google Sheets にアクセスし、新しいスプレッドシートを作成します。
2. タブに Sheet1 と名前を付けます(defaultの名前です)。
3. 最初の行に、以下のように列を定義します。
   
   Details:
   • Column A: Date と入力します。スクリプトが各送信の日時でこのセルを埋めます。
   • From column B onward: ウィジェットに追加された各サーベイ要素またはフォーム要素の名前を入力します。
   要素の名前は、Design セクションの Content タブにある要素ツリーで確認できます。
   
   要素(たとえばスケール)を選択すると、その名前が編集サイドバーの上部に表示されます。
   
   このウィジェットを例として考えてみましょう。
   
   このウィジェットには 2 つのサーベイ要素があるため、Google Sheet の最初の行に以下のように入力します。
   • Column A: Date
   • Column B: Scale
   • Column C: Long Answer

4. Extensions > App Script をクリックします。新しい Google Script が開きます。名前を変更します(例: 「form data」)。
   
5. すべてのコードを以下に置き換えます。
   const sheetName = 'Sheet1'
     const scriptProp = PropertiesService.getScriptProperties()
     function initialSetup () {
       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()
       }
     }
   
   タブに「Sheet1」と名前を付けられない場合は、スクリプトの最初の行にある sheetName の値を、実際のタブ名に変更してください。
   完了すると、スクリプトは以下のようになります。
   
6. Save project to Drive(Run の左側)をクリックします。
7. Debug の右側のドロップダウンで initialSetup を選択します(通常はデフォルトで選択されています)。
8. Run をクリックします。 権限を要求するポップインが表示される場合があります。Review permission をクリックし、次の画面に進みます。 Google がスクリプトをレビューしていないため、警告メッセージが表示される場合があります。Go to form data (unsafe) をクリックして、スクリプトがスプレッドシートを更新できるように権限を付与します。
   
   スクリプトに正しい権限を付与すると、スクリプトエディタのコンソールに以下の出力が表示されます。
   
9. 左側のメニューで Triggers をクリックして、スクリプトにトリガーを追加します。
   
10. Add trigger をクリックします。表示されるウィンドウで、以下のオプションを選択します。
    • Choose which function to run: doPost
    • Choose which deployment should run: Head
    • Select event source: From spreadsheet
    • Select event type: On form submit
    
11. Save をクリックします。
12. Deploy > New deployment をクリックします。
13. Select type の横にある cog アイコン > Web app をクリックします。表示されるフォームで、以下のオプションを選択します。
    • Description: 「form data」など、わかりやすい名前を使用します。
    • Web app > Execute as: Me
    • Web app > Who has access: Anyone
14. Deploy をクリックします。
    フォームがスプレッドシートに回答を送信するためには、Who has access: Anyone が必須です。
    
15. URL をコピーします。

​

Widget Studio でサーベイ設定を構成する

1. Survey Settings タブで、訪問者が回答を送信するためにクリックするボタンを選択します。
2. How are responses collected? で、HTTP Request (external) を選択します。
   • Request Name: リクエストに名前を付けます(例: 「send data to Google Sheet」)。
   • Method: POST を選択します。
   • Action URL: Google Apps Script によって生成された URL を貼り付けます。
3. 設定を保存します。

​

設定をテストする

1. ウィジェットを Preview で確認します。
2. サーベイに入力し、Submit をクリックします。
3. Google Sheet に戻ります。