![お問い合わせフォームの設置の仕方](https://daizumayuge.com/wp-content/uploads/2020/10/d58e9529-6cfd-43e2-b8c6-54b1b2647508.png)
Googleアドセンスをやろうと思うと、「お問い合わせフォーム」も設置しておいたほうがいいかと思います。また、ブログを読んでいる人が個人的に連絡を取りたい場合も「お問い合わせフォーム」があれば連絡がとりやすくなります。
「お問い合わせフォーム」は無料のGoogleフォームで簡単に作ることができます。
以下の手順に沿って作ってみてください。
▼はてなブログProにするなら▼
![](https://www18.a8.net/0.gif?a8mat=3HE9XH+9NP62A+2PEO+OP269)
お問い合わせフォームの作り方
Googleフォームを作る
まず、Googleフォームにアクセスし、次の手順通りにお問い合わせフォームを作っていってください。
手順1:「フォーム」→ 「Googleフォームを使う」をクリックする
![f:id:daizumayuge:20190925155400p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925155400.png)
手順2:「空白」をクリックする
![f:id:daizumayuge:20190925155438p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925155438.png)
手順3:「無題のフォーム」をクリックし「お問い合わせ」と入力する。
![f:id:daizumayuge:20190925155503p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925155503.png)
手順4:「質問」をクリックし「名前」と入力する
![f:id:daizumayuge:20190925155520p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925155520.png)
![f:id:daizumayuge:20190925163926p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925163926.png)
「名前」と入力すると、このプルダウンメニューは自動で最適なものに変更されます。
また、右下の「必須」という箇所をクリックすると、選択している項目を必須項目にすることができます。
■■■参考■■■
![f:id:daizumayuge:20190925160451p:plain f:id:daizumayuge:20190925160451p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925160451.png)
もし、他の入力形式に変更したい場合、プルダウンメニューの右側の▼をクリックすると、他の入力形式を選べるようになりますので、ここから選んでください。
手順5:「+ボタン」をクリックし追加項目を入力する
![f:id:daizumayuge:20190925161900p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925161900.png)
右側にあるメニューから「+ボタン」をクリックすると、追加の項目が出てきます。
「質問」をクリックし、
- メールアドレス
- 件名
- お問い合わせ内容
の3項目を追加していきます。
右側のプルダウンメニューは
メールアドレス、件名は「記述式」、お問い合わせ内容は「段落」と自動で変更されると思います。
「記述式」だと短文が、「段落」にすると長文が入力できるようになります。
![f:id:daizumayuge:20190925162748p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925162748.png)
以上で、「お問い合わせフォーム」の入力は完了しました。
次に、フォームの「設定」をしていきます。
フォームの設定
手順1:「設定」ボタンをクリックする
![f:id:daizumayuge:20190925170335p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925170335.png)
「設定」ボタンは右上にあります。
手順2:「プレゼンテーション」タブの設定
![f:id:daizumayuge:20190925170817p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925170817.png)
「プレゼンテーション」をクリックし、
「別の回答を送信するためのリンクを表示」の✔️を外す。
「確認メッセージ」に「お問い合わせいだだきありがとうございました。」と入力し、「保存」をクリックする。
「確認メッセージ」はお問い合わせいただいた方に表示するメッセージになります。
次に、「回答」の設定をしていきます。
回答の設定の仕方
手順1:「回答」をクリックし右側の「・3つ」をクリックする
![f:id:daizumayuge:20190925164718p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925164718.png)
手順2:「新しい回答についてのメール通知を受け取る」をクリックし✔️を入れる
![f:id:daizumayuge:20190925164732p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925164732.png)
「新しい回答についてのメール通知を受け取る」をクリックすると✔️が入り、お問い合わせが入ったらメール通知が受け取れます。
次に「テーマのデザインを変更」していきます。
テーマのデザイン変更
テーマを自分の好きなようカスタマイズすることができます。
手順1:「テーマをカスタマイズ」ボタンをクリックする
![f:id:daizumayuge:20190925171740p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925171740.png)
「テーマをカスタマイズ」ボタンは右上にあります。
手順2:「テーマオプション」の設定をする
![f:id:daizumayuge:20190925172035p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925172035.png)
「テーマオプション」という画面が出てきます。
ヘッダーの画像、テーマの色、背景色、フォントスタイルを変更できますので、自分好みに変更してください。
以上で「お問い合わせフォーム」を作ることができました。
次にはてなブログに、作った「お問い合わせフォーム」を設置していきます。
はてなブログにフォームを設置する
はてなブログに貼り付けるタグを取得する
手順1:「送信」ボタンをクリックする
![f:id:daizumayuge:20190925173258p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925173258.png)
手順2:タグを取得する
![f:id:daizumayuge:20190925173315p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925173315.png)
「フォームを送信」という画面が出てきます。
「<>」をクリックし「iframe src=”…..」というところをコピーします。
はてなブログに貼り付ける
「はてなブログ」に移動します。
手順1:「ダッシュボード」の「固定ページ」をクリックする
![f:id:daizumayuge:20190925174719p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925174719.png)
手順2:「お問い合わせ」のページを作る
![f:id:daizumayuge:20190925184513p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925184513.png)
「ページを作る」という画面が出てくるので、「URL」のところに、自分にわかる名前をアルファベットで入力し「ページを作る」をクリックします。 私は、「contactme」にしました。
手順3:コピーした「タグ」を貼り付ける
![f:id:daizumayuge:20190925185326p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925185326.png)
いつもの記事の編集画面が出てくるので、「HTML編集」をクリックし、先ほどコピーした、「iframe src=”…..」を貼り付けて「公開する」をクリックしてください。
サイドバーにリンクを貼る
手順1:「ダッシュボード」の「デザイン」をクリックする
![f:id:daizumayuge:20190922092049p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190922/20190922092049.png)
手順2:「スパナマーク」の「サイドバー」をクリックする
![f:id:daizumayuge:20190922092112p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190922/20190922092112.png)
手順3:「+モジュールを追加」をクリックする
![f:id:daizumayuge:20190922092227p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190922/20190922092227.png)
「+モジュールを追加」 をクリックすると、下記の画面が出てきます。
![f:id:daizumayuge:20190922094143p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190922/20190922094143.png)
左のサイドバーから「リンク」をクリックし、タイトルに「サイト情報」、リンクのタイトルに「お問い合わせ」、URLは先ほど作った「お問い合わせの固定ページのURL」を入力し、「適用」をクリックします。
以上で、「お問い合わせフォーム」 が設置できました。
補足
もう、すでに「プライバシーポリシー」をサイドバーに設置している場合、
![f:id:daizumayuge:20190925191605p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925191605.png)
「ダッシュボード」→「デザイン」
→「スパナマーク」→「サイドバー」
→「サイト情報」の「編集」をクリックします。
![f:id:daizumayuge:20190925192557p:plain](https://cdn-ak.f.st-hatena.com/images/fotolife/d/daizumayuge/20190925/20190925192557.png)
すると、以前「プライバシーポリシー」を作ったときに作ったサイドバーがありますので、「新しいリンクを追加」をクリックして、「お問い合わせ」と「お問い合わせの固定ページのURL」を入力し、「適用」をクリックし、「サイト情報」のリンクを追加してください。
まとめ
手順はたくさんありますが、順番通りにやっていけば簡単に「お問い合わせフォーム」を設置することができます。
まだ、「お問い合わせフォーム」を設置してない方は設置してみてください。
![](https://daizumayuge.com/wp-content/uploads/2020/09/47ab76b6-2020-45cb-97d1-26d14d3fc3a1-160x90.png)
![](https://daizumayuge.com/wp-content/uploads/2020/04/img_1838-160x90.jpg)
![](https://daizumayuge.com/wp-content/uploads/2020/04/img_1855-160x90.jpg)
▼クリック!応援お願いします!▼
![PVアクセスランキング にほんブログ村](https://blogparts.blogmura.com/parts_image/user/pv11014165.gif)
コメント
とても参考になりました!
ありがとうございます