formタグを動かす〜Googleフォーム編〜

formイメージ 学習記録
学習記録

Googleフォームを使ってみて

ポートフォリオのお問い合わせフォームを実際に送信できるようにしなければと思い、

検索していたところGoogleフォームが最も簡単に設置できそうだなと思ったので、

まずはGoogleフォームを使って設定してみました。感想メモです。

※現在はPOST-MAILを使用しています。

設定の大まかな流れ

  1. Googleフォームを作成。(Googleアカウントが必要)
  2. 作成したGoogleフォームのソースコードからactionとnameを取得。
  3. 取得したactionとnameを自身のHTMLへ記入。
    (aactionはformタグ、nameはそれぞれのinputタグへ)

参考サイト:https://www.gorilla-web.net/2020new_google_form_custmize/

設定する上で大変だったこと

actionはすぐに見つかったのですが、nameであると最初にみていた記事に書かれていた

entry.から始まる文字が見つからず。。

検索にひっかからないのかな?と思い、目を凝らしてひとつひとつみても見つからず。。

何か変わっているのか?ともう一度調べ直したところ、なんとそうでした!

(上記参考サイトはこの検索の際に見つけたものです。)

Googleフォームを自分で作成したHTMLコードに埋め込む方法を紹介している記事はたくさんあった

のですが、最新の情報に更新されているものがこの時は少なく。。

なるべく最新の記事を参考にしようと2020年に書かれた記事を参考にするようにしていましたが、

さらに更新されていたため今回はちょっと大変でした!

私が感じたメリット&デメリット

メリット

  • とにかく簡単

デメリット

  • 送信確認画面はGoogleフォームの画面になる
  • 送信完了メールは設定できない

細かい設定にこだわらない場合は、Googleフォームが良いのではないかと思いました!
こだわりたい場合は別の方法を試した方が良いかも

まとめ

今回は、変更されていた部分に気付いていなかったため少し大変でしたが、

Googleフォームの設定は設定がかなり簡単なので、

細かい設定にこだわらない場合は大変便利だなと思いました!

アンケートで使用したい場合は、分析もしてくれるので、アンケートの際はぜひ使ってみたいなと思いました!

コメント

タイトルとURLをコピーしました