自分磨きと料理と知恵と。

日々の思うこと、料理のレシピや面白い知恵と。こうありたいとか役に立つこととかを書いていきます。共感してもらえる人がいると嬉しいです。

【はてなブログ】ブログ超初心者のための|お問い合わせフォームの設置の仕方|

 Googleアドセンスをやろうと思うと、『お問い合わせフォーム』も設置しておいたほうがいいかと思います。また、ブログを読んでいる人が個人的に連絡を取りたい場合も『お問い合わせフォーム』があれば連絡がとりやすくなります。

 

『お問い合わせフォーム』は無料のGoogleフォームで簡単に作ることができます。

 

以下の手順に沿って作ってみてください。

 

 

f:id:daizumayuge:20190925184028p:image

 

 

 

 

お問い合わせフォームの作り方

お問い合わせフォームを作る

 

f:id:daizumayuge:20190925155400p:plain

Googleフォームにアクセスする。

[フォーム] → [Googleフォームを使う]をクリックする。

 

f:id:daizumayuge:20190925155438p:plain

[空白]をクリック。

 

f:id:daizumayuge:20190925155503p:plain

すると、フォームが出てきます。

[無題のフォーム]のところをクリックし、[お問い合わせ]と入力する。

 

f:id:daizumayuge:20190925155520p:plain

[質問]のところをクリックし、[名前]と入力する。

 

f:id:daizumayuge:20190925163926p:plain

[名前]と入力すると、このプルダウンメニューは自動で最適なものに変更されます。

 

また、右下の『必須』という箇所をクリックすると、選択している項目を必須項目にすることができます。

 

■■■参考■■■

f:id:daizumayuge:20190925160451p:plain

もし、他の入力形式に変更したい場合、プルダウンメニューの右側の▼をクリックすると、他の入力形式を選べるようになりますので、ここから選んでください。

 

 

 

 

f:id:daizumayuge:20190925161900p:plain

右側にあるメニューから[+ボタン]をクリックすると、追加の項目が出てくる。

 

[質問]をクリックし、

・メールアドレス

・件名

・お問い合わせ内容

の3項目を追加していく。

 

右側のプルダウンメニューは

メールアドレス、件名[記述式]

お問い合わせ内容[段落]と自動で変更されると思います。

 

[記述式]だと短文が、

[段落]にすると長文が入力できるようになります。

 

 

f:id:daizumayuge:20190925162748p:plain

以上で、『お問い合わせフォーム』の入力は完了しました。

 

次に、フォームの『設定』をしていきます。

 

 

 

フォームの設定

f:id:daizumayuge:20190925170335p:plain

右上にある『設定』ボタンをクリックする。

 

f:id:daizumayuge:20190925170817p:plain

 [プレゼンテーション]をクリックし、

[別の回答を送信するためのリンクを表示]の✔️を外す。

 

[確認メッセージ]『お問い合わせいだだきありがとうございました。』と入力し、[保存]をクリックする。

 

[確認メッセージ]はお問い合わせいただいた方に表示するメッセージになります。

 

次に、『回答』の設定をしていきます。

 

 

 

回答の設定の仕方

f:id:daizumayuge:20190925164718p:plain

[回答]をクリックし、

右側にある・3つをクリックする。

  

f:id:daizumayuge:20190925164732p:plain

 [新しい回答についてのメール通知を受け取る]をクリックすると✔️が入り、お問い合わせが入ったらメール通知が受け取れます。

 

次にテーマのデザインを変更していきます。

 

 

 

テーマのデザイン変更

テーマを自分の好きなようカスタマイズすることができます。

f:id:daizumayuge:20190925171740p:plain

右上の[テーマをカスタマイズ]ボタンをクリックする。

 

f:id:daizumayuge:20190925172035p:plain

 

『テーマオプション』という画面が出てきます。
ヘッダーの画像テーマの色背景色フォントスタイルを変更できますので、自分好みに変更してください。

 

以上で『お問い合わせフォーム』を作ることができました。

 

次にはてなブログに、作った『お問い合わせフォーム』を設置していきます。

 

 

 

はてなブログにフォームを設置する

はてなブログに貼り付けるタグを取得する

 

f:id:daizumayuge:20190925173258p:plain

右上の[送信]ボタンをクリックする。

 

f:id:daizumayuge:20190925173315p:plain

『フォームを送信』という画面が出てきます。

[<>]をクリックし[iframe src=".....]というところをコピーする。

 

 

 

はてなブログに貼り付ける

f:id:daizumayuge:20190925174719p:plain

[ダッシュボード][固定ページ]をクリックする。

 

f:id:daizumayuge:20190925184513p:plain

『ページを作る』という画面が出てくるので、

[URL]のところに、自分にわかる名前をアルファベットで入力[ページを作る]をクリックする。 

 

私は、[contactme]にしました。

 

f:id:daizumayuge:20190925185326p:plain

いつもの記事の編集画面が出てくるので、

[HTML編集]をクリックし、先ほどコピーした、

[iframe src=".....]を貼り付けて[公開する]をクリックしてください。

 

 

 

サイドバーにリンクを貼る

 

f:id:daizumayuge:20190922092049p:plain

 [ダッシュボード] → [デザイン]

 

f:id:daizumayuge:20190922092112p:plain

 [スパナマーク] → [サイドバー]

 

f:id:daizumayuge:20190922092227p:plain

 

[+モジュールを追加] をクリックすると、下記の画面が出てきます。

 

f:id:daizumayuge:20190922094143p:plain



 左のサイドバーから[リンク]をクリックし、

タイトルに『サイト情報』

リンクのタイトルに『お問い合わせ』

URLは先ほど作った『お問い合わせの固定ページのURL』を入力し、[適用]をクリックする。

 

 以上で、『お問い合わせフォーム』 が設置できました。

 

 

 

補足

もう、すでに『プライバシーポリシー』をサイドバーに設置している場合、

f:id:daizumayuge:20190925191605p:plain

[ダッシュボード][デザイン]

[スパナマーク][サイドバー]

『サイト情報』[編集]をクリックする。

 

f:id:daizumayuge:20190925192557p:plain
すると、以前『プライバシーポリシー』を作ったときに作ったサイドバーがありますので、[新しいリンクを追加]

『お問い合わせ』『お問い合わせの固定ページのURL』を入力し、[適用]をクリックして『サイト情報』のリンクを追加してください。

 

まとめ

手順はたくさんありますが、順番通りにやっていけば簡単に『お問い合わせフォーム』を設置することができます。

 

まだ、『お問い合わせフォーム』を設置してない方は設置してみてください。

 

 

▼おすすめ記事▼


 

 

 

 

▼クリック!応援お願いします!▼

PVアクセスランキング にほんブログ村