はてなブログで無料でお問い合わせフォームの設置方法について紹介します。
ブログの収益化にはお問い合わせフォームが必要になります。
はてなブログの「個人営利利用ガイドライン」にも明記されていますので設置しましょう。設置していない場合、アカウント停止になることもあります。
手順について紹介します。
１．Googleフォームにアクセスしてください。
Google Forms: オンライン フォーム作成ツール | Google Workspace
２．「フォームに移動」をクリックします。
３．「空白のフォーム」をクリックします。
４．下記のポップアップが表示されたらスキップをクリックします。
５．「無題のフォーム」に「お問い合わせ」と入力します。
「フォームの説明」に「お問い合わせはこちらからお願いします」と入力します。
６．画面右側の「＋」マークをクリックします。
７．質問欄に「お名前」と入力します。
ラジオボタンの選択肢を「記述式」に変更します。
右下の必須ボタンを有効にします。
８．もう一度画面右側の「＋」ボタンをクリックします。
質問欄に「メールアドレス」と入力します。
右側のラジオボタンの選択肢を「記述式」に変更します。
右下の必須ボタンを有効にします。
右下の「・・・」をクリックし、回答の検証をクリックします。
９．「回答の検証」を押下すると、下記画面が表示されます。
「数値」となっている項目を「テキスト」に変更します。
「次より大きい」項目を「メールアドレス」に変更します。
その後右側の「＋」ボタンを再度クリックします。
１０．質問欄に「お問い合わせ内容」と入力します。
ラジオボタン項目を「段落」に変更します。
右下の必須ボタンを有効にします。
１１．一番上に戻り、「回答」ボタンを押下します。
１２．画面右側の「・・・」をクリックします。
１３．「新しい回答についてのメール通知を受け取る」をクリックします。
１４．チェックマークが付けばOKです。
これで自身のメールアドレスに対して問合せ通知のメールが届きます。
１５．画面右上の「・・・」をクリックします。
その後、「事前入力したURLを取得」ボタンをクリックします。
１６．画面下部に「リンク取得」ボタンをクリックします。
１７．画面下部に黒い枠が表示されます。「リンクをコピー」をクリックします。
これでGoogleフォーム作成が完了です。
１８．はてなブログを開きます。
画面右上のアカウント名の部分をクリックします。
その下に表示された「ダッシュボード」をクリックします。
１９．画面左側に表示された中の「デザイン」タブをクリックします。
２０．同じく画面左側に表示される「🔧レンチ」マークをクリックします。
２１．画面左側のサイドバーをクリックします。
その後、表示された、「モジュールを追加」をクリックします。
２２．表示された画面の左側の「リンク」ボタンをクリックします。
右側のタイトルに「サイトリンク」と入力します。
その下のリンク部分に、「お問い合わせ」と入力します。
その右側に先程、コピーしたGoogleフォームのリンクを貼り付けます。
最後に画面下部の「適用」ボタンをクリックします。
２３．これで完了です。お疲れ様でした。
自身のブログ記事を開いてみてください。
画面の右側に表示されていることを確認できます。
２４．実際にGoogleフォームで作成したリンクに飛べるか確認します。
「お問い合わせ」ボタンをクリックします。
下記画像のようになれば問題ありません。
