済　Googleスプレッドシートにデータを記入する

チャットボットプラスではテキストフォームに入力した内容をGoogleスプレッドシートに保存できます。
GoogleスプレッドシートとはGoogle社が提供している表計算ソフトで、Excelの様に関数を入力したり、グラフを作成できます。またExcelと異なる点としては、同時編集が可能なことや自動保存機能が備わっていることです。大変便利なこのGoogleスプレッドシートとチャットプラスを連携させる方法を、今回ご案内します。
　
このページでは、チャットボットプラスのテキストフォームに入力された情報を、Googleスプレッドシート上に記録する方法をご紹介します。

Googleスプレッドシートの準備

コードの設置

(1) Googleスプレッドシートに記録する要素に固有の変数名を与えます。
※各要素の変数名には重複せず、スペースを含まないユニークな文字列を付けます。
　今回は例として、下表の様な変数名をつけます。

要素	変数名
会社名	company
担当者	person
電話番号	tel
メールアドレス	email

(2) 内容を記録するGoogleスプレッドシートを開き、メニューから「ツール」＞「スクリプトエディタ」をクリックします。
※Googleスプレッドシートがない場合は、新しく作成してください。

(3)「スクリプトエディタ」を開くと「function myFunction() { }」と書かれたエディタが表示されるので、以下のコードをコピーし、エディタに上書きしてペーストします。

function doPost(e) {
    var jsonString = e.postData.getDataAsString();
    var data = JSON.parse(jsonString);

    var sample = data.sample;
    var date = new Date();

    var ss = SpreadsheetApp.openById(SpreadsheetApp.getActiveSpreadsheet().getId());
    var sheet = ss.getSheetByName("シート1");

    sheet.appendRow([sample, date]);
}

(4) ペーストしたコードの5行目に「var sample = data.sample;」と書かれたコードがあるので、手順(1)で設定した要素の数だけ、コピー＆ペーストします。

(5) 手順(4)でコピー＆ペーストした各行の「var sample = data.sample;」に含まれる2つの「sample」という文字を、手順(1)で設定した変数名に書き換えます。
※変数名の数だけ、同じ手順を行います。

(6) ペーストしたコードの最後の行に、「sheet.appendRow([sample, date])」と書かれたコードがあるので、「sample」という文字を、手順(1)で設定した変数名分、「,」で区切り書き加えます。
※「sample」は消します。

　

Googleスプレッドシートに反映

(1) Googleスプレッドシートのメニューから、「公開」＞「ウェブアプリケーションとして導入...」をクリックします。

(2) プロジェクト名を変更する様表示されるので、任意のプロジェクト名を入力します。

(3) 以下の画面が表示されるので、「Project version」のプルダウンから「New」を、「Execute the app as」のプルダウンから「Me」を、「Who has access to the app」のプルダウンから「Anyone, even anonymous」を、それぞれクリックして選択します。
※「Project version」のプルダウンで「New」を選択した後、枠内には任意の値を入力します（空欄でも可）