GoogleフォームとLINEを連携して回答内容を送って通知を共有する方法

こんにちは！ふるのーと（fullnote）です！(*^^*)

先日、このブログの問い合わせフォームを「ContactForm7」プラグインからGoogleフォームに切り替えました。

⇒WordPressの問合せページはGoogleフォームがおすすめ！

更に便利に利用するために、今回はGoogleフォームに来た問い合わせ内容をLINEに通知する方法を紹介したいと思います。

今回の作業はぐちみな様(@guchimina)のページを参考に設定しました！⇒https://qiita.com/guchimina/items/aa36e27875ae26876d2c

Googleフォームは気づきづらい＆見にくい
GoogleフォームとLINEの連携手順
LINE側の設定
Google側(GAS)の設定
テスト送信
GoogleフォームはChatworkやSlackとも連携できる

Googleフォームは気づきづらい＆見にくい

なんで「わざわざLINEに転送するか」なんですが、Googleフォームって少し見づらいんですよね。

特にスマホだと操作しづらいですよね。

あと、私だけだと思いますが、なぜか問い合わせが来たときに気付きづらいんですよね。

そこで問い合わせがきたら、LINEに通知できたら便利だな～と思っていたところ、「Google Apps Script(GAS)」と「LINE Notify」を使えば簡単に実現出来ることが分かったので今回試しに設定してみました。

GoogleフォームとLINEの連携手順

GoogleフォームとLINEの連携するには、大きく分けて

LINE側の設定
Google側(GAS)の設定

が必要になります。

GoogleフォームとLINEの連携手順

STEP1
LINEグループ作成
STEP2
LINE Notifyでトークン発行
STEP3
Google Apps Script(GAS)設定

作業内容としては特に難しい内容はないので、順番にやっていけば誰でも設定することが可能です。

LINE側の設定

LINEグループの作成

まずは、LINEグループを作成します。

トーク画面の上の方に追加ボタンがあるので選択します。
すると、グループ追加ボタンが出てくるのでタップします。
グループに追加する友達を選択する画面が出てきますが、ここでは誰も選択せずに「次へ」のボタンを押します。」

私は試していませんが、このグループに通知を共有したい人がいたらメンバーに追加しておけば同時に通知出来そうですね。

続いてグループ名(何でもOK)を設定して、右上の「作成」ボタンをタップすればライングループ完成です。

LINE Notifyでトークンを発行

次はLINENotifyでトークンを発行します。

LINENotifyにアクセスして、ログインしましょう。

メールアドレスとパスワードはLINEで設定しているものを入力してください。

すると最初の画面に戻って右上に名前が表示されていますのでクリックするとマイページに行くことができるので、マイページに行きましょう。

次のページで「アクセストークンの発行(開発者向け)」という項目に「トークンを発行する」というボタンがありますのでクリックします。

トークンを発行画面では、

トークン名の記入(何でもOKです)
先程、作成したLINEにグループを選択
「発行する」ボタンをクリック

を行います。

するとトークンが発行されますので、どこかにコピペしておきます。

LINEグループに「LINE Notify」を追加する

先程作成したLINEにグループに「LINE Notify」を追加します。

これでLINE側の設定は完了となります。

Google側(GAS)の設定

続いてグーグル側の設定を行います。

まずは、グーグルフォームが連携しているスプレッドシートを開きます。

次にメニューバーの「ツール」タブから「スクリプトエディタ」を選択します。

AdBlockを使っている人はうまく動作しないことがあるので機能をオフにしておきましょう。

また複数アカウント利用している人は「現在、ファイルを開くことができません。」というエラーがでることがあります。
この場合は、シークレットウィンドウにするか、一度すべてログアウトすると作業をすすめることが出来るかもしれませんので試してみてください。

Google Apps Script(GAS)のコードを入力

function GoogleFormToLine(){
  var sheet = SpreadsheetApp.getActiveSheet();
  var row = sheet.getLastRow();
  var column = sheet.getLastColumn();
  var range = sheet.getDataRange();
  var message = "";
 
　for(var i=1;i<=column;i++){
  　var item = range.getCell(1, i).getValue(); 
  　var value = range.getCell(row, i).getValue(); 
 　 if(item == "タイムスタンプ"){
  　　value = Utilities.formatDate(value,"JST","yy/MM/dd(E) HH:mm:ss");
  　}
  　message += "\n■"+item+"\n"+value; 
　}
  SendToLine(message);
}

function SendToLine(message){
  var token = PropertiesService.getScriptProperties().getProperty('LINE_TOKEN');
  var op =
    {
      "method" : "post",
      "Content-Type" : "application/x-www-form-urlencoded",
      "payload": "message=" + message,
      "headers":{"Authorization" : "Bearer " + token}
    };
  var res = UrlFetchApp.fetch("https://notify-api.line.me/api/notify",op);
  Logger.log(JSON.parse(res.getContentText())); 
}

Google Apps Script(GAS)の画面が開いたら上記コードをコピペします。