Noteに「お問合せ」フォームを!
noteの記事に「お問い合わせ」フォームを貼りたい。さっそくGoogelで調べてみるものの、なかなか納得のいく情報が見当たらなかった。まさか、Googleフォームを利用して設置するとは思いもよらなかった。
Googleフォーム?
「Googleフォームで作成した「お問合せ」フォームをブログで表示する」というサイトがあった。ここではじめて「Googleフォーム」を知った次第。どうやら作成方法はそう難しいものでないようで、マウス操作で選べば完成するらしい。
さっそく挑戦してみた。
埋め込み用コード
参考サイトを見様見真似でなんとかGoogleフォームのフォーマットを用意することができた。次に画面上にある「プレビュー」をクリックして、「送信」ボタンをクリック。
どこに送信になるやら不思議に思っていたところ、メニューに「<>」があったので選択すると、「HTMLを埋め込む」とコードが表示された。これをコピーしてnoteの記事の「+」から「<>」を選んで貼り付ければいいのかなと直感。コードを貼り付けしてみた。
ところが・・・、
noteに<>(貼り付け)を使って貼り付け
noteの記事を書く際に「+」のマークをクリックして、そこには見出しとか太字とかスタイルを選択できる。その中の「<>(貼り付け)」にはGoogleフォームで取得したコードを貼ればいいんだと思った。さっそく、フォームのコードをコピペしたみたが問合せフォームは表示されなかった???
よくよくみると枠の中には「http:// 」とURLを求めていることがわかった。なのでGoogleフォームのプレビューで表示されるURLをコピペしてみたところ「お問合せ」フォームが表示された。
こちらがそのフォーム。
メールの行き先はいずこに?
さて、このフォーム実際に機能するのか、そもそもどこに情報が送信されるのやら疑問だらけ。悩んでいてもしかたがないので自分で試してみた。問合せフォームに必要情報を入力して送信! すると、画面はフォームが閉じられて終わり。
どこにメールが行ったやら!?
そういえばGoogleフォームの作成画面にの上部に小さく、「質問 回答」というメニューが並んでた。なるほど「回答」を選択したら送ったメールが届いているのかと確認してみた。
なるほど「回答1」と送信したメールが届いていた。
こうしたいああしたいはすでに世の中にある!
このままでは次のお問合せメールが送信できないのでこれまた困った。「回答1」を削除したらいいのかなと削除してみた。問題解決。なるほどこういう仕組みねと理解した次第。
Googleフォームには、そのテンプレートに「アンケート」や「招待状」、「申込書」といろいろフォームが揃っている。なるほどGoogleサービスとまた感心させられた。
私がこうしたい、ああしたいはすでに世の中にあるのです!
(marusblog記事)
ご意見ご感想をお聞かせください。