【はてなブログ無料】お問い合わせフォームを設定する方法。【はてなブログ無料】お問い合わせフォームを設定する方法。2019-03-30【はてなブログ無料】お問い合わせフォームを設定する方法。テクノロジー-ブログ備忘録こんにちは。アドセンスの審査に合格するための1歩として、お問い合わせフォームを設定します。Amazonアソシエイトの審査にも合格してませんが。気を取り直して、サクッと設定しましょう。GoogleのGoogleフォームを使って作成Googleフォームの作成Googleフォームの設定テーマ色のカスタマイズとプレビュー確認HTMLの取得ブログにお問い合わせフォームを設定サイドバーにお問い合わせフォームを設定まとめGoogleのGoogleフォームを使って作成いろいろな方法があるようなのですが、私はGoogleフォームで作成していきます。アドセンスに合格したいので、完全なるゴマスリしてます。右上のサイコロの6の目のようなボタンをクリック!一番下の「もっと見る」をクリック!更に一番下に「もっと見る」があるのでクリック!Googleフォームの作成Googleサービス一覧の「フォーム」をクリック!下のような画面に遷移するので「Googleフォームを使う」をクリック!フォーム作成画面に遷移したら「+(空白)」をクリックして、新しいフォームの作成を開始しましょう。Googleフォームの設定お問い合わせフォームなので、設定する項目を決めておきました。1タイトル2フォームの説明3名前(*)4メールアドレス5件名(*)6お問い合わせ内容(*)(*)は必須項目としました。これだけあれば十分ですので、1から作成していきましょう。1と2はすでにデフォルトとしてありましたので文言の変更のみだけでOK。「ブログのタイトルなど」のお問い合わせフォームです。次に3の名前の項目を作成していきます。3についてもすでに項目がありましたので、デフォルトの項目を使用します。「無題の質問」となっている箇所を「名前」に変更します。このままだと「ラジオボタン」になってしまうため、ラジオボタンの右側にある「▼」をクリック。名前が入力できるように、「記述式」に変更します。記述式は短文を入力するときに指定します。名前は必須項目としたいので、右下の「必須」をONに変更することで、入力が必須項目になります。次に、4のメールアドレスの作成に進みたいのですが、ここからデフォルトの項目がないので、新規で作成します。右側にある「+」をクリック!項目名を「メールアドレス」へ変更して、3の名前と同様に「ラジオボタン」を「記述式」に変更します。メールアドレスの入力になるので、アドレスとして正しく入力されているかをチェックため、「必須」の右隣にある、サイコロの3の目のようなボタンをクリックして、「回答の検証」を選択します。「数値」のプルダウンより「テキスト」選択して、「次を含む」のプルダウンより「メールアドレス」を選択します。入力したメールアドレスが正しい入力でない場合に、エラーメッセージ内容を入力します。ある文言ですが、「エメールアドレスが正しく入力されておりません。残っている「5件名」と「6お問い合わせ内容」も同様に作成していきます。6のお問い合わせ内容だけ、設定を「段落」にします。お問い合わせ内容ですので、長文の入力が必要になるためです。段落は長文を入力するときに設定します。テーマ色のカスタマイズとプレビュー確認パレットのマークをクリックすると、お問い合わせフォームのテーマ色を変えることができます。目のマークをクリックすると、お問い合わせフォームがプレビューから確認できます。テーマを緑色に変更してみました。これで、お問い合わせフォームは完成です!では、このお問い合わせフォームをブログに設定しましょう。作成したお問い合わせフォームのHTMLを取得します。右上にある「送信」ボタンをクリック!送信方法の真ん中にある「<>」ボタンをクリックして、HTMLをコピーします。ブログにお問い合わせフォームを設定ようやく、ブログに作成した「お問い合わせフォーム」を設定します。HTML編集をクリック!先ほど取得したHTMLを貼り付けます。カスタムURL欄には「contact」などのように、お問い合わせフォームだとわかるURLにしましょう。編集方法に設定を変更して、きちんと表示されてるかを確認します。先ほど公開した、お問い合わせフォームのページURLを取得します。「カスタマイズ(スパナマーク)」をクリック!サイドバーを開きます。サイドバーの中にある「モジュールの追加」をクリックして、お問い合わせフォームをサイドバーに追加していきましょう。モジュールの追加をクリックすると、以下の画面へ遷移します。サイドバーのタイトルになるので「お問い合わせ」にします。お問い合わせフォームのリンク名になるので、お問い合わせフォームにします。リンクの隣には、お問い合わせフォームのページURLを貼り付けます。「適用」ボタンをクリックすれば、ブログのサイドバーにお問い合わせフォームが表示されています。↓こんな感じにできあがりました!完成はしましたが、この状態ですと作成した「お問い合わせフォーム」はサイドバーの一番下に表示されているので、もう少し上にあげて表示させましょう。私は、プロフィールの真下の表示させたいので表示場所を変更しました。これで完成です!!まとめ冒頭で、サクッと設定しましょう。甘っちょろいこと言っちゃってましたが、この投稿が今までで一番の大作になりました。画面キャプチャの数もそうですが、4000文字を超えました。お問い合わせフォームがブログに設置できたので、Google様には少しでも信頼あるブログと認識されたのでしょうか。メディアからのオファーなんて届いちゃったりして!!なんて。この最弱なブログでは、夢のまた夢のまた夢のまた・・・ですけどね。(笑)でも、お問い合わせフォームを設置したので、可能性は「ゼロ」ではなくなったということです!また、ブログを読んで頂いている方や、いろいろな方と繋がるツールとして使っていきたいと思います。23:27【はてなブログ無料】お問い合わせフォームを設定する方法。関連記事2019-06-18固定ページを使って「お問い合わせ」「プライバシーポリシー」を作成する!こんにちは。はてなブログProに移行したので固定ページを使っ...2019-06-17GooleアナリティクスとGoogleサーチコンソールのドメイン変更方法と連携方法!こんにちは。ドメインを変更するといろいろとやることが沢山あ...2019-06-16Amazonアソシエイトと、もしもアフィリエイトのドメイン変更方法!こんにちは。はてなブログ(無料)でGoogleアドセンスに合格し...2019-06-01はてなブログPROへ移行!画像多めで独自ドメイン取得・設定する方法。今日6月1日に、はてなブログをPROへ移行しました...2019-04-21【はてなブログ無料】プライバシーポリシーを設定する方法!こんにちは。今回は、プライバシーポリシーを設定します。