【GAS実践】Webサイトからの「問い合わせメール」をスプレッドシートに連携してみよう!

Home > TECH BLOG > 【GAS実践】Webサイトからの「問い合わせメール」をスプレッドシートに連携してみよう!
公開日:2022年10月12日 更新日:2022年10月12日

記事概要


GAS(Google Apps Script)で、Gmailとスプレッドシートを連携するプログラム例の紹介です!
現行、自社のWebサイトの問い合わせフォームをPHPなどで作成しており、Gmailで問い合わせ内容を受信するようなサイトをお持ちの方が活用できるGASです
弊社が、お客様から相談を受けた事例をもとに簡略化した形で公開いたします。

前提条件


GAS(Google Apps Script)の基礎を身につけていること
もし、基礎に不安がある方は、以下Udemy教材を使うと基礎から学ぶことができるので、そちらの受講をオススメします!

要件定義


  • Webサイトからの「問い合わせ」をメールで受け取っている。
    • 外部の業者に開発を委託しているため改修が難しい。
  • 問い合わせメールの内容を手作業でスプレッドシートにコピペしている
  • コピペ作業をGASで自動化したい
  • スプレッドシート(問い合わせ一覧)は以下の通り

[改善後] 業務フロー


  1. お客様:HPの問い合わせページで名前等入力する
    1. 名前
    2. メールアドレス
    3. 電話番号
    4. ご質問
  1. システム(PHP):問い合わせ内容をメールで送信する
    1. Plain Text
  1. GAS:問い合わせメールの内容をスプレッドシートに連携する
    1. 問い合わせメールを「from(送り主メールアドレス)」と「subject(件名)」、「after(日付)」で検索する
    2. メール内容から正規表現を使って抽出する
    3. 抽出した内容をスプレッドシートの形式に変換する
    4. 変換したデータをスプレッドシートに追加する

GASのデモ


動作確認の方法


  1. 「[ブログサンプル] 問い合わせ一覧」のスプレッドシートを開きます↓
  1. 自分のGoogleドライブにコピーする
    1. メニュー > ファイル > コピーを作成
  1. 自分宛に以下の文面のGメールを送信します。
    1. Plain Text
  1. Google Apps Scriptのコードを開きます
    1. メニュー > 拡張機能 > Apps Script
    2. AppScriptメニュー
      AppScriptメニュー
  1. 送信者メールアドレス「mailFrom」を自分のメールアドレスに変更します
  1. スプレッドシートの「問い合わせメールを取得する」ボタンを実行します

GASスクリプト


Main.gs

JavaScript

Inquiry.gs

JavaScript

まとめ


Gmailで受信したWebサイトからの「問い合わせメール」をスプレッドシートに連携してみました。
自社のホームページの問い合わせフォームをPHPで作成していて、Googleスプレッドシートに自動連携ができていないサイトでご活用いただければ幸いです。

Google Apps Script 開発入門の教材紹介


https://www.udemy.com/course/wywy-google-apps-script-forty-skills/?referralCode=7F71969F9DD9849220B4 から購入可能
https://www.udemy.com/course/wywy-google-apps-script-forty-skills/?referralCode=7F71969F9DD9849220B4 から購入可能

概要

40のスキル習得をゴールとして、基礎文法の学習、5つの活用事例の学習、スキル習得を促す理解度テストなどを用意。
講座終了後には、40のスキルを活用してGoogle Workspaceアプリ連携による業務効率化ができるようになります。

こんな方にオススメ

  1. プログラミングによる業務効率化を体験してみたい方
      • GoogleアカウントとWebブラウザ(Chrome推奨)があればOKです。
      • プログラミング入門レベルから学ぶことができます。
  1. 会社や個人で Google Workspaceを使っている方
      • 普段使っているGoogle Workspace(Gメール、スプレッドシートなど)を活用して、業務効率化のアイディアをすぐに試すことができます。

学習内容

  1. JavaScriptの 基礎文法(ES2015)学習により、プログラミングの基礎を身につけることができます。
    1. 動画教材で扱っているソースコードは以下Githubに公開しております。
      GitHub - YukiFujisawa/google-apps-script-forty-skills: 5つの活用事例から40のスキルが身につく、Google Apps Script 開発入門【ES2015(ES6)対応】のサンプルコード
      5つの活用事例から40のスキルが身につく、Google Apps Script 開発入門【ES2015(ES6)対応】 のサンプルコードです。 40のスキル習得をゴールとして、基礎文法の学習、5つの活用事例の学習、スキル習得を促す理解度テストなどを用意。 講座終了後には、40のスキルを活用してGoogle Workspaceアプリ連携による業務効率化ができるようになります。 プログラミングによる業務効率化を体験してみたい方 GoogleアカウントとWebブラウザ(Chrome推奨)があればOKです。 プログラミング入門レベルから学ぶことができます。 会社や個人で Google Workspaceを使っている方 普段使っているGoogle Workspace(Gメール、スプレッドシートなど)を活用して、業務効率化のアイディアをすぐに試すことができます。 JavaScriptの 基礎文法(ES2015)学習により、プログラミングの基礎を身につけることができます。 5つの事例を通して40のスキルを身につけ、Google workspaceサービス(Gmail、スプレッドシートなど)を連携できるプログラミングの応用力を身につけることができます。 Google Apps Scriptを実務で活用する方法を理解することができます。 視聴はこちら(Udemyページに遷移します。)
  1. 5つの事例を通して40のスキルを身につけ、Google workspaceサービス(Gmail、スプレッドシートなど)を連携できるプログラミングの応用力を身につけることができます。
  1. Google Apps Scriptを実務で活用する方法を理解することができます。

購入はこちら

↓Udemyにて販売中です!

関連記事