知を求めるBlog

様々な知識をたくさん紹介します!!

ブログのフォームの作り方②

こんにちは!DIT井上です!お待たせしました。お問い合わせフォーム、

アンケートフォームの作り方解説です。前回は、お問い合わせフォームの

作り方についてご紹介しました。

tiwomotomeru.hatenablog.com

 

今回は、アンケートフォームと、ブログへの反映の仕方を紹介したいと思います。

まだない人は、しっかり見てね!!

フォームは合った方が、何かと便利ですよ。

 

■今日の記事は・・・■
アンケートフォームの作り方と、ブログへの貼り方の解説です。

アンケートフォームの簡単解説

アンケートフォームを早速作りたいと思います。Googleフォームですよ。

開き方とかは、前の記事に書いてます。初めの方は、お問い合わせフォームと

一緒です。でも、お問い合わせはあっても、アンケートはない人、

多いのではないでしょうか?あったら、カスタマイズとかに役立ちます。

tiwomotomeru.hatenablog.com

 

あと、追伸です。僕のフォームには、その質問の説明が入ってますよね?

あれを入れるには、質問の編集で、3つの点がありますよね。

あそこをクリックすると、「説明」、「回答の検証」、「回答に応じてセクションへ

移動」などというのがあります。説明をクリックすると、説明文を入れることが

できます!前回、お問い合わせフォームでメアドの回答の検証を作りましたよね?

そこと同じ3つの点をクリックすると、「説明」をクリックです!

f:id:ditinoue:20211106173225p:plain

早速作ります!

それでは、アンケートフォーム作りをスタートしましょう!お問い合わせ

フォームを作ったことある人にとっては、簡単だと思いますよ。

分からないことがあったら、前回のお問い合わせフォームの記事を

読むと大体わかります。出来るだけ自分で考えてやるみたいな、説明と画像に

していますので。

大人相手に上から目線じゃね?君は、先生か?!

すみません・・・。申し訳ありません・・・。

名前とメアドの記入欄を作る

まずは、名前を作ります。メールアドレスが必要だと思ったら、前回と同じように

作ってみてください。でも、なくても大丈夫です。ただ、もしいい回答が

出て、回答者に問い合わせたいという人は、メアドを作りましょう。

メアドの作り方も、前と一緒だよ!

f:id:ditinoue:20211106120835p:plain

それでは、ここから、お問い合わせとは違ってきます。

何回訪れたかという質問を作ります

まずは、このブログに何回訪れましたか?というところを作りましょう。

今回は、選択肢を作るため、「ラジオボタン」になるようにします。

そして、下のように、選択肢を作ります。

f:id:ditinoue:20211106121206p:plain

そして、「選択肢を追加」で、選択肢を作ります。僕は下のようにしました。

f:id:ditinoue:20211106121351p:plain

忘れずに、「必須」にチェックを入れてくださいね。

どんどん質問を作ります

次に僕は、ラジオボタンでこのブログは好きですか?という質問を作りました。

これは、作るでも作らないでもどっちでもいいです。

f:id:ditinoue:20211106121627p:plain

次に、これは必ず作るところです。「このブログのいいところ」と、

「このブログの改善点」です。ここの名前は、好きに変更してください。

そして、お問い合わせフォームで使った「段落」というところに、どちらも

切り替えておいてください。

f:id:ditinoue:20211106172033p:plain

「必須」にチェックを入れることも忘れずに。

最後に僕は、ブログ主へのメッセージというところを作りました。

f:id:ditinoue:20211106172226p:plain

そして、お問い合わせフォームと同じように、通知設定をして、テーマを

自由に変えてみれば・・・。完成です!!👏🏻

ブログに貼ります

 それでは、2つのフォームをブログに貼りたいと思います。まずは、フォームの

編集画面の上の方にある、送信というボタンをクリック!

f:id:ditinoue:20211106173617p:plain

そしてそして、そうすると、☟のような画面になります。

f:id:ditinoue:20211106173734p:plain

そこで、ちょっとした設定を自分好みにやって・・・。それから、<>をクリック。

すると、HTMLが出てくるので、それを、コピーします。

f:id:ditinoue:20211106174029p:plain

この画面は、HTMLを途中で無くした時のため、開いたままにしといてください。

はてなブログProの場合

Proの方の場合は、「固定ページ」というところで、まず、フォームのURLを入力

します。分かりやすく、「otoiawase」や「annke-to」などにしたらいいと思います。

そして、「ページを作る」をクリックして、編集画面を開きます。

そして、タイトルはお問い合わせフォーム、又はアンケートフォームにして、

「HTML編集」にします。そして、先程コピペしたHTMLを、貼るだけ!

そして、プレビューで表示画面を確認します。問題なければ、公開します。

問題あれば、もう1度コピペして、もう1度貼ってみましょう。僕は、Proじゃない

ので写真は、いけないんですけど。

無料版の場合

無料版の方の場合は、普通に記事編集画面を開きます。そして、名前は、

お問い合わせ又はアンケートフォームにします。そして、歯車マークの

編集オプションをクリック。そして、今までの記事の中で、投稿日が一番古く

なるように設定します。カスタムURLにも、記入すると、いいと思います。

f:id:ditinoue:20211107140631p:plain

そして、HTML編集モードにします。そして、先程のHTMLを貼って、プレビューで

チェックします。OKだったら、公開します!もし、ダメだったら、もう一度

HTMLを取り直してみてください。

プライバシーポリシーについて

はい、これでお問い合わせフォーム、アンケートフォームが完成です!!

ブログの「デザイン」を使って、リンクを貼っておいてくださいね。これは、

説明しなくても、たぶんわかると思います。分かんなかったら、僕が参考に

させてもらった、ポヤラさんのこの記事の最後の方をチェックしといてください。

また、お問い合わせフォームの作り方で僕の記事で分からないとこがあった場合も

ポヤラさんの記事を見てください。ポヤラさんの方が優しいし、説明上手いんで。

それなら、最初からポヤラさんの記事を見た方が早かったんじゃ?

・・・・・・・(汗)ひとまず、見てね!!

poyaran.com

そして、フォームでは、名前、メアドなど個人情報を収集しますよね?

その場合は、その個人情報をどのように使うかをユーザーに示さなきゃいけません。

個人情報どうするんだ!って疑われるから。

だから、お問い合わせフォームと同時に、又は作る前からいるものがあります。

何々?どうやって示すの?

プライバシーポリシーです。これは、フォームを作るからには必須です!もし、

そんなのまだないよ、って方は、コチラも作ってくださいね。

それじゃあ、作り方教えて!!

そうしたいとこですけど、忙しいし、めんどいし、大変だし、長いので、

ポヤラさんの記事をチェックです!!

ずっとポヤラさんだよりじゃねぇかよ!!(笑)

poyaran.com

最後に

これで、お問い合わせフォーム、アンケートフォームの作り方講座は終わりです。

無い人は、ぜひ僕の記事を使って作ってみてくださいね。

DIT井上よりも、ポヤラさんの記事を見た方がいいよ!!(笑)

・・・・・・・そうかも・・・。まあ、ちょっとは使ってください。

というわけで、今回はこのへんで・・・。