~Linkin馬Lab~

パソコン系、DIY系を紹介します

【お問い合わせフォームの作り方】無料版はてなブログでも簡単に設置できる Googleフォームの使い方

以前私のブログがGoogle Adsenseに合格した記事を書きました。

satoro0721.hatenablog.com

この記事では、Google Adsenseに合格するための対策について説明しています。

その対策の一つに【お問い合わせフォームを設置する】という項目があります。今回はGoogleフォームを使ったお問い合わせフォームの作り方について説明していきます。

 

 

 

まずはじめに

Googleアカウントを準備しましょう。(既に持っている方は飛ばしてOKです)

accounts.google.com

 

 

Googleフォームでお問い合わせフォームを作成する

下記リンクからGoogleフォームにアクセスし、【Googleフォームを使ってみる】をクリックします。

f:id:satoro_0721:20210701225452j:plain

 

すると下のような画面になりますので、【空白】をクリックします。f:id:satoro_0721:20210701225749j:plain

 

①の欄に【お問い合わせフォーム】と記載、

②の欄に【お問い合わせはこちらからお願い致します】と記入してください。

(記載内容はお好みでアレンジしてください)

f:id:satoro_0721:20210701230733j:plain

 

続いて【オプション1】のボタンをクリックします。

f:id:satoro_0721:20210701231301j:plain

 

すると下記のようなフォームが表示されますので、

①の欄に【お名前】と記載(お問い合わせされる方のお名前入力欄)

②の欄、ラジオボタンと表記の右側にある▼をクリックし、プルダウンされた項目の中から【記述式】を選んでクリックします。

f:id:satoro_0721:20210701231621j:plain

 

続いて赤枠のプラスボタンをクリックして項目を追加します。

f:id:satoro_0721:20210701232214j:plain

 

追加された枠に、

①【メールアドレス】と記載、

ラジオボタン右側の▼をクリックし、【記述式】を選択、

③【必須】をクリックします。

f:id:satoro_0721:20210701233334j:plain

 

続いて先ほどと同様にプラスボタンで項目を追加し、

①【お問い合わせ内容】

ラジオボタン右側の▼をクリックし、【段落】を選択、

③【必須】をクリックします。

f:id:satoro_0721:20210701232636j:plain

 

これでお問い合わせフォームの内容が完成しました。

右上の【送信】をクリックしてください。

f:id:satoro_0721:20210701233731j:plain

 

すると下記のように表示されますので、赤枠<>をクリックします。

f:id:satoro_0721:20210701234015j:plain

 

続いて赤枠【コピー】をクリックします。するとHTMLがコピーされます。

f:id:satoro_0721:20210701234228j:plain

 

 

はてなブログへ設置する

コピーができたらご自分のはてなブログから、
「設定」→「aboutページ編集」→「ブログの説明」の記述欄にコピーしたHTMLを貼り付けます。

またお好みでお問い合わせフォームの説明を付け加え、完成したらこのページの最下部にある【変更する】ボタンをクリックします。

f:id:satoro_0721:20210701234624j:plain

 

これでお問い合わせフォームが完成しました。お疲れさまでした。

完成したお問い合わせフォームは、ご自分のプロフィール欄に追加されています。

正常に完成していれば下記のようなフォームが追加されているはずですので、ご確認をお願いします。

f:id:satoro_0721:20210701235123j:plain

いかがでしたでしょうか。

焦らず一つ一つ確認しながら作成すれば、難しいものではありません。

完成したら試しに自分のメールアドレスを【メールアドレス】の欄に記入し送信してみましょう。正しく送信できていれば、ご自分のアドレス宛に問い合わせが送信されているはずです。

 

さて、最後までご覧いただきありがとうございます。 

この記事の他にも、パソコン関係ジャンク品やゲーム機レビュー、ハードオフ巡りなどの記事を投稿しています。

お時間があればぜひ他の記事もご覧ください。

それでは。