AirLife Blog

人生の活動記録。ヘリコプターを始め航空関連を中心に日常で感じた事や健康・書評・音楽・映画・食レポなどの情報発信。調べごとや思考したことをOUTPUTしていきます。役立つ情報を共有できることが喜び。

はてなブログで問い合わせフォームの作り方

色々な手法がある中で選択に悩まず、短時間で効果的な方法を至ってシンプルに解説。

GoogleアドセンスやAmazonアソシエイトを利用して収入を得る場合の必須条件。
事前にGmailアカウント、Google Chromeブラウザが利用できる環境を準備しておく。

Googleフォームから問い合わせフォームを作成する

  • 新しいフォームの作成(空白)へと進む
  • 無題のフォーム → お問い合わせ
  • フォーム説明 → お問い合わせはこちらからお願いします
  • 無題の質問 → 「お名前」「メールアドレス」「お問い合わせ内容」の項目追加
  • 必須を有効にする(対象:全て)
  • 形式:記述式(対象:お名前、メールアドレス)、段落(対象:お問い合わせ内容)
  • 回答タブの点3つから「新しい解答についてのメール通知を受け取る」をチェック
  • テーマをカスタマイズから背景色を選択

docs.google.com

はてなブログで問い合わせフォームを設置

Googleフォーム

  • 最近使用したフォームにある先程作成した問い合わせフォームを選択。
  • 送信ボタンを押下。
  • 「<>」ボタンを押下。
  • 「HTMLを埋め込む」の下のコードをコピーする。

はてなブログ

  • ダッシュボードのデザイン→カスタマイズ→サイドバー→リンクの「編集」を押下。
  • 「新しいリンクを追加」を押下。
  • タイトル:「お問い合わせ」と入力。
  • タイトルの右側:先程コピーしたURLをペーストする。

これで設置が完了。設置方法は他にも新規でサイドバーを作る方法や自己紹介に埋め込む方法など色々あるので一通り設定が終わり落ち着いたら自分に最適な方法を試すといいと思う。

f:id:r246toshi:20191107150238p:plain