Bloggerにgoogleフォームでお問い合わせページを設置する

まず、googleフォームにログインします。

>>Google フォーム - アンケートを作成、分析できる無料サービス

今回は、お問い合わせフォームを作りたいので、テンプレートは使わずに『空白』から新しいフォームを作成します。

『フォームのタイトル』は、便宜上『お問い合わせ』にしていますが、Bloggerのページに設置する場合はページのタイトルがすでにあるため、ここは設定しなくても良いです。

フォームのタイトルに半角スペースを一文字だけ追加することで、タイトルを空欄のまま設定できます。

各項目の設定をしていきましょう。

まず、回答の形式を『記述式』に変更して、回答のタイトルを設定します。

右下の『必須』にチェックを入れることで、その項目を必須項目にすることができます。

『必須』の左にある、オレンジで囲んでいる部分を選択すると、この質問をコピーすることができるので、必要な数だけ作成します。

コピーした後、タイトルを変更して、全体を次の画像のようにしました。

『お問い合わせ内容』の項目は、長文の回答ができるように『段落』を設定しましょう。

また、『メールアドレス』の項目には、メールアドレス以外のものを入力できないように設定できます。

メールアドレス以外のものを入力できないように設定し、必須項目にすることで、いたずらの防止になります。

右下の『：』部分を選択して、回答の検証をクリックした後、『テキスト』、『メールアドレス』を設定しましょう。

これでフォームは完成したので、フォームを『回答』に切り替えて、『新しい回答についてのメール通知を受け取る』を選択します。

この設定をすることで、フォームの入力があったときに通知が来るように設定できます。

あとは右上の『送信』をクリックし、『送信方法』からオレンジで囲んでいるアイコンを選択して、幅と高さを調整しましょう。

『Orange ZELO』、『Prime ZELO』をご使用の場合は、高さを『790px』にするとちょうどよくおさまります。

幅と高さの調整ができたら、HTMLコードをコピーしましょう。

このコードはあとで使うので、メモなどに貼り付けておきましょう。

Bloggerに戻り、このフォームを設置するためのページを作成します。

Bloggerの管理画面→『ページ』へ移動します。

>>Blogger.com

記事を書く画面を『HTML』に切り替えて、先ほどコピーしたコードを貼り付けましょう。


お問い合わせページにコメントフォームがあるとおかしいので、コメントフォームを非表示にします。


この『ページ』のタイトルは、パーマリンクの関係からとりあえず『Contact』にすることをオススメします。

パーマリンクとは、簡単に説明するとURLのことですが、Bloggerではこのパーマリンクに一定の生成ルールがあります。

詳しくはこちらをご覧ください。

>>【Blogger】パーマリンクの使い方と設定するメリット

あとは記事を書く画面を『作成』に切り替えて、デザインの確認をしましょう。

調整が済んだら、公開しましょう。

なお、公開したあとであればパーマリンクも設定されているので、タイトル名を変更しても大丈夫です。

お問い合わせページを表示する

お問い合わせページを設置することで、寄稿や企業からの依頼などが来ることもあります。

また、Googleフォームで回答に制限を加えることで、いたずらや間違ったお問い合わせが少なくなります。

ブログ・サイトにお問い合わせページを設置して、ブログを通した活動の幅を広げていきましょう。