zero-point-five

とある目標を達成すべく、その活動とオリジナルのキャラクター作成して発信していきます。

はてなブログに「お問い合わせフォーム」を設置。設置の仕方。

本ブログに「お問い合わせフォーム」を設置しました。

設置の仕方について紹介します。

f:id:zero_point_5:20190908220251j:plain

目次

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

お問い合わせフォームはgoogleフォームを利用しています。

そのため、googleアカウントを持っていることが前提になります。

googleアナリティクスやgoogleサーチコンソール を利用しているのであれば、アカウントを持っているので問題ないと思いますが。

①google検索のトップページの右上にある、「グーグルアプリ」(・・のやつです)から、一番下の「さらにもっと」をクリックして、サービス一覧から「フォーム」をクリックします

②表示される画面の一番下から「googleフォームを使う」をクリック

③新しいフォームの「空白」をクリック

④以下添付画像のように入力しましょう。

 (あくまでも私の設定の仕方なので、各自好きにアレンジしてください)

f:id:zero_point_5:20190908214220p:plain

 ・メールアドレスは右上の設定(歯車アイコン)から「メールアドレスを収集する」にレ点をつけると出てきます

 ・お名前とお問い合わせ内容は記述式にして、右下のボタンで「必須」にします

⑤フォームの作成が完了したら、右上の送信ボタンをクリックします

⑥送信方法から<>を選択し、「HTMLを埋め込む」の下に表記されている文を、コピペします

 

問い合わせフォームの作成は以上で完了です。次にはてなブログ側でサイトを設置します。

はてなブログでの設定

はてなブログ側での設定です。(続きです)

①管理画面から「固定ページ」を選択します

②ページを作成します。

 URLは任意に設定してください。(私はシンプルに「otoiawase」としました)

 ページを作るを選択

 タイトルには、「お問い合わせ」と入力(ご自由に設定ください)

 HTML編集を選択し、googleフォームでコピペしたHTMLを貼り付けます。

 次に、下部の「公開する」をクリック

③管理画面の「デザイン」からカスタマイズ→サイドバー→モジュールの追加を選択

④リンクを選択し、タイトルを記述(お問い合わせ)、リンクタイトルを記述(お問い合わせフォーム)、③で作成したURLを入力、適用をクリック

⑤上部の「変更を保存する」をクリック

 

以上でお問い合わせフォームの作成は完了です!

最後に

手順は結構あるように見えますが、ざっと10分もあれば作成が完了すると思います。

お問い合わせフォームはなくてもいいのかもしれませんが、googleアドセンスを申請して認定してもらうためにはあったほうが良いと、他の記事に多く記載されていたので今回作成しました。

当面は問い合わせは全くないと思いますが、googleアドセンスの利用を想定しているのであればあっても良さそうです。

荒っぽい説明ですが、参考になればと思います。