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

スポンサーリンク

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

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

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

f:id:daizumayuge:20190925184028p:image

▼はてなブログProにするなら▼

>>>はてなブログProの登録はこちら

スポンサーリンク

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

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

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アクセスランキング にほんブログ村

コメント

  1. toy-chiizu より:

    とても参考になりました!
    ありがとうございます

タイトルとURLをコピーしました