【はてなPro】お問い合わせフォームの作成
はてなブログをPro化したけどその後は??
どもども。しよです。
はてなブログを無料版からPro版に変更したので、先日から記事にしています。
アドセンスの申請にはお問い合わせフォームも必要ということで、お問い合わせフォームを作成することにしました。
今回はお問い合わせフォームについてです。
前回分はコチラ ↓ ↓ ↓
お問い合わせフォーム
お問い合わせフォームってどうしたらいいのだろうねぇ??
Googleフォーム使ったらいいよ!
なぬっ、Googleフォーム??
調べてみると、アンケートフォームみたいですが、お問い合わせにも使えます。
それでフォームを作って、ブログに貼り付けることにしました。
Googleフォームの作成
GoogleフォームでググるとGoogleフォーム作成のサイトがありますので、そこにアクセスします。
https://www.google.com/intl/ja_jp/forms/about/
Googleフォームのサイトを開いて、『Googleフォームを使う』をポチ。
この時、自分のアカウントでログインしていない場合は、ログインをしてください。
フォームの作成画面が表示されるので、『新しいフォームを作成』をポチ。
『新しいGoogleフォームのご紹介』というメッセージが表示されますので、使い方ガイドを確認してもいいのですが、不要な場合はスキップしてください。
フォームを作成する画面が表示されます。
- タイトル
- フォームの説明
- 名前
- メールアドレス
- 内容
これを設定していきます。
『無題のフォーム』にタイトルや名前を入力します。
『無題のフォーム』⇒タイトル
『フォームの説明』⇒説明文
『無題の質問』に『名前』『メールアドレス』『内容』を設定していきます。
『無題の質問』⇒名前
右にある『ラジオボタン』のままだと、複数の選択肢より回答を選択するものとなるので、『ラジオボタン』右にあるプルダウンメニューで『記述式』を選択します。
『記述式』を選択すると短文での回答フォームとなります。
必須にたい項目は、右下にある『必須』をポチっと。
入力が終了したら、画面右側にある『+』マークをポチ。
新しい『無題の質問』が表示されるので、先ほどと同じように『メールアドレス』を作成します。
最後、『内容』です。
『内容』は短文ではなく長文にしたいので、『記述式』と選んでいたところを『段落』にします。
『段落』にすると長文の回答が可能になります。
フォームができたら、次はフォーム右上にあるボタンを使用していきます。
1番左のボタンでフォームの色などテーマを変更できます。ポチっと。。
好きな色に変更してください。
この時、画像を選択すると、画像を背景にもできるようです。
いい画像がないので、今回は色を選ぶだけ。
【注意】ブログのテーマによっては、そのテーマの色が優先されるようです。
先ほどのフォーム右上のボタンの左から2番目の『目』のボタンはプレビューができるので、そこで確認をしながら、作ってください。
プレビューをしてみると、このようになります。
これでよければ、あとはブログに貼り付けるURLを取得します。
右上にある『送信』ボタンをポチ。
送信方法の右にある『<>』ボタンをポチ。
そうすると、HTMLが表示されますので、これをコピーします。
以上でGoogleフォームでの操作は終了です。
次にはてなブログに設置してみましょう!
はてなブログへのお問い合わせフォームの設置
プライバシーポリシーと同様に、固定ページで問い合わせフォームを作成します。
『ダッシュボード』⇒『固定ページ』
ここの『ページを作る』ところにURL名を入力します。
今回は『contact』としてみました。
入力ができたら『ページを作る』をポチ。
いつもの記事作成画面が表示されるので、タイトルを入力し、『HTML編集』を選択します。
『HTML編集』画面で先ほどGoogleフォームでコピーした『HTML』を貼り付けます。
『編集見たまま』または『プレビュー』でできあがりを確認してみましょう。
よければ『公開する』ボタンをポチです。
ページを見てみましょう。
できてる!
おめでとうございます。
次回は
前回と今回で『プライバシーポリシー』と『お問い合わせフォーム』を作成しました。
ただ、今は作っただけで、ブログ内のどこにも表示されていません。
URLを直接指定しないと確認できない状況です。
次回でこの2つをサイドバーにでも設置していきましょう。