お問い合わせフォームの作成と設置方法2019-02-09お問い合わせフォームの作成と設置方法はてなブログカスタマイズお問い合わせフォームの作成と設置方法について備忘録として書いておきます。Adsenseやアフィリエイトをするならお問い合わせフォームは必須ですね。Formを利用してお問い合わせフォームを作成する方法Googleフォームを利用してお問い合わせフォームを作成する方法について説明します。Formでお問い合わせフォームを作成するまずGoogle検索の画面の右上に表示されているルービックキューブを横から見たようなマークをクリックし「もっと見る」で更にGoogleのサービスを見ていきます。「さらにもっと」をクリックします。「フォーム」と書かれたマークを押します。「Googleフォームを使う」をクリックします。「新しいフォームを作成」の下の+(プラス)マークを押します。「無題のフォーム」と書かれたフォームの雛形が表示されます。「無題のフォーム」を「お問い合わせ」に書き換えます。右側に表示されている+(プラス)ボタンで項目を追加します。「記述式」を選択するとフォームに記述式で入力する項目が設定されます。「必須」のスライドバーをスライドすると入力が必須の項目として設定されます。「説明」にチェックを入れると説明文を追加することが可能になります。お問い合わせフォームでは「お名前」「メールアドレス」「お問い合わせ内容」の3つの項目を設定しておけば良いでしょう。最後にメール通知設定をしておきましょう。「回答」のタブを選び「新しい回答についてのメールを受け取る」にチェックを入れます。「回答を受け付け中」のスライダーがオンになります。ブログに貼り付けるコードを取得するここまで終了したら「送信」ボタンを押してコードを取得します。<>のマークを押すとコードが表示されますのでコピーしてテキストファイルに保存しておきましょう。作成したお問い合わせフォーム用コードをはてなブログに設置します。固定ページでお問い合わせ用の記事を作成するダッシュボードのメニューから「固定ページ」を選択します。お問い合わせフォーム用のページのURLを決めて設定します。はるなぴはContactUsにしました。ウィンドウに入力して「ページを作る」を押します。記事ページの作成画面になります。「お問い合わせフォーム」などとタイトルを入力します。「本文」のウィンドウには先ほどコピーして保存しておいたフォーム用のコードを貼り付けます。固定ページとして作成したお問い合わせフォームをはてなブログのサイドバーに表示させる方法を書きます。ダッシュボードから「デザイン」を選びます。スパナマークのタブを選び「サイドバー」を選択します。「+モジュールを追加」を押します。「リンク」を選びます。タイトルに「お問い合わせ」と入力します。その横のウィンドウには先ほど決めたお問い合わせ用のURLを入力します。左にある「適用」ボタンを押すのを忘れずに!これでサイドバーメニューに「リンク」が追加されます。ブログを確認して実際にお問い合わせページへのリンクが張られていることを確認しましょう。最後に動作実験をするのも忘れずに。お問い合わせフォームに自分でメールアドレスなどを実際に入力してフォームを送信してみます。スマホにGmailアプリをインストールしておこう動作確認をしてGmailアドレスにメールが飛んでくればOK!完了です。スマホですぐに受信できるようGmailアプリをインストールしておけばお問い合わせを見逃す危険が少なくなり安心です。Gmailは手軽に使える無料メールアドレスとして良く利用されていますね。はるなぴはGmailは基本的にGoogle関連サービスの受信用としてしか利用しないことにしています。Google先生からのメールを見落としたら大変ですからね。お問い合わせフォームからの通知も見逃さないようにしましょう。雛形...2019-06-29はてブのコメント欄を非表示にする方法とネガコメ対処方法を変えたワケはてブ(はてなブックマーク)のコメントは非表示にすることが...2019-02-23はてなブログProの30日間無料体験を試してみた結果はてなブログProの30日間無料体験をお試しした時の感想です。はてなブログProブログやWEBサイト作成の技術を研究していきます。(15)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。