サラリーマンの雑記帳

様々なことをまとめている雑記ブログ。あなたに役に立つ情報がきっとある!

はてなブログにお問い合わせフォームを設置する方法【ド素人でも稼げるブログ作り⑬】

知識・経験0ゼロの私ががむしゃらに調べて「はてなブログpro」でブログを開設。

なーんも分からなかった私でもブログで収益をあげることが出来ています。

その時に参考にしたのが、既に収益をあげているブロガーさんのブログ作りを紹介している記事。

しかし、1つのブログだけでは情報収集しきれず、かなりの数の記事を読みました。

それがけっこうな労力で・・・(勉強させてもらう立場で生意気ですが。笑)

 

なので、これからブログを始めようと考えている皆様に向けて!!

このブログさえ見れば知識0の人でも稼げるブログが作れるよう、私の勉強した全てを紹介しちゃいます!!

 

 

 

 

今回は「はてなブログにお問い合わせフォームを設定する方法」についてです。

 

f:id:moppy-and-movie:20210430163947j:plain



お問い合わせフォームの設定は、プライバシーポリシーの設置と並ぶGoogleアドセンス合格に必要な要素と言われています。

 

▼プライバシーポリシーの設定方法はこちら▼

 

しかし私がGoogleアドセンスに合格したのはお問い合わせフォーム設定前。

 ↓

Googleアドセンス合格に必須ではない!!

 

ただ、ブログを大きくしていくにあたっていつか作るものなので、最初のうちに作っちゃいましょう!!

 

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

お問い合わせフォームを設置するには「Googleフォーム」というサービスを使用して、それをはてなブログに埋め込むというイメージです。

順に説明していくので真似してみてください!

 

 

 

1.Googleフォームに登録

まずはトップページへアクセス。

 

パーソナルの「Googleフォームを使ってみる」をクリック。

f:id:moppy-and-movie:20210501121909j:plain

 

「空白」を選択。

f:id:moppy-and-movie:20210501122021j:plain

 

①無題のフォーム:お問い合わせ

②フォームの説明:お問い合わせはこちらから

③無題の質問:お名前

④「記述式」を選択

⑤1~4が出来たら右側+ボタンをクリック

f:id:moppy-and-movie:20210502171922j:plain

 

①無題の質問:メールアドレス

②「記述式」を選択

③「必須」に変更

④1~3が出来たら縦に3つ点が並んだボタンをクリック

f:id:moppy-and-movie:20210502172457j:plain

 

①「回答の検証」を選択

②「テキスト」を選択

③「メールアドレス」を選択

④1~3が出来たら右側+ボタンをクリック

f:id:moppy-and-movie:20210502173016j:plain

 

①無題の質問:お問い合わせ内容

②「段落」を選択

③「必須」に変更

f:id:moppy-and-movie:20210502173446j:plain

 

 

 

①「回答」を選択

②縦に3つ点が並んだボタンをクリック

f:id:moppy-and-movie:20210502174012j:plain

 

①「新しい回答についてのメール通知を受け取る」を選択

②設定ボタンをクリック

f:id:moppy-and-movie:20210502174301j:plain

 

①「プレゼンテーション」を選択

②「別の回答を送信するためのリンクを表示」のチェックをはずす

③「お問い合わせありがとうございます」と入力

④「保存」をクリック

⑤1~4が出来たら「送信」をクリック

f:id:moppy-and-movie:20210502175032j:plain

 

①「<>」を選択

②HTMLを選択

③「コピー」をクリック

f:id:moppy-and-movie:20210502175427j:plain

 

 

 

2.はてなブログで固定ページを作成

①編集ページで「固定ページ」を選択

②URLに「contact」と入力

③「ページを作る」をクリック

f:id:moppy-and-movie:20210502180553j:plain

 

①「HTML編集」を選択

②タイトルに「お問い合わせフォーム」と入力

③本文欄にGoogleフォームで作成したお問い合わせのHTMLを貼り付け

④プレビューして問題なければ「公開する」をクリック

f:id:moppy-and-movie:20210502181348j:plain

 

3.サイドバーに設置

f:id:moppy-and-movie:20210502182547j:plain


「デザイン」→「スパナマーク」→「サイドバー」→「モジュールを追加」で入力画面が出てきます。

 

タイトル:お問い合わせ

リンクタイトル:お問い合わせフォーム

リンクURL:お問い合わせフォームのURL

 

 

 

「適用」をクリックすれば設定完了!!

ブログトップページから確認してみて問題なければOKです!!

 

このブログでは、はてなブログ開設~Googleアドセンスで稼げるようになるまでのフローを全て公開しているので是非他の記事もご覧ください♪

 

▼オススメ記事▼

  

【稼げるブログ作り】へ戻る

 

ブログTOPへ戻る

 

***ブロガー必見***

ブログ作りを考えているならドメインがないと始まりません。

稼げるブログ作りに必須!

オリジナルドメイン取得なら「お名前.com