ブログ堂

アフィリエイター応援ブログ ブログの作り方から収入を得るまでを分り易く解説 未経験や初心者の方が見ても理解できるようなブログを目指しています

ブログ堂

誰でもできる|お問い合わせフォームの作り方 設置方法|はてなブログ

お問い合わせフォームの作り方 設置方法

数ある中から当ブログを訪問していただきありがとうございます

  

この記事では

無料で作成できる「お問い合わせフォーム」の作り方から設置まで

はてなブログユーザーに向けて分かり易く解説していきます

 

こんな方におすすめ
  • お問い合わせフォームを無料で作りたい
  • お問い合わせフォームをブログに設置したい
  • Googleアドセンス申請をするために用意したい
  • はてなブログの設置方法が知りたい

 

 

 

 

ブログ運営に必要なお問い合わせフォーム

お問い合わせフォームとは

読者や企業の方がこちらと連絡を取りたいときに利用するフォームの事です

メールアドレスを公開することが無くメッセージを受け取ることができるので大変便利です

 

 

お問い合わせフォームの必要性

大きくわけて3つあります

 

POINT
  • 読者や企業の方が運営者とコンタクトをとれるようにするため
  • はてなブログで個人営利利用するための設置義務がある
  • Googleアドセンスの審査に合格するために設置が必要である

 

どれも必要な事なので

はてなブログでブログアフィリエイトを始めるなら

必ず用意しなければなりません

 

 

はてなブログでは個人営利利用に関して

下記の規約により認められています

アフィリエイトブログをはてなブログで始めるにあたって

お問い合わせフォームの設置は必須になります

help.hatenablog.com

 

個人営利利用のルール

連絡先の明示

上記営利利用の定義4に相当する教育利用を除き、営利利用ブログには情報発信の主体を明らかにするため下記のいずれかの方法で運営者の連絡先を明示するものとします。

自身でプライバシーポリシーを設けている場合、プライバシーポリシー内に記載 ブログのヘッダ、フッタ、サイドバー、プロフィールなど、どの記事からも確認できる箇所に記載 連絡先として表示する情報は、恒常的に受信できるメールアドレスなど、誰でも直接連絡が取れるものとしてください。

コメント欄やSNSアカウントへのリプライなど公開での投稿、SNSのフォロワーや特定サービスの登録者のみが利用できるダイレクトメールやメッセージ機能などは連絡先とみなしません

引用元:はてなブログ個人営利利用ガイドライン(2019年10月1日施行) - はてなブログ ヘルプ

 

もう一つ

アフィリエイトブログを始めて最初の目標となる

Googleアドセンスの審査に合格することです

 

Googleアドセンスとは

Googleが提供している

WEB運営者に向けた広告配信サービスです

 

自身のWEBサイトに設置することで

訪問されている読者それぞれに合った広告が自動で表示されます

 

読者が広告をクリックすると報酬が発生して

Googleから報酬が支払われます

 

Googleアドセンスを自身のWEBサイトに設置(表示)するには

Googleからアドセンス広告を設置するに値するかの審査があり

合格しなければ設置許可がもらえません 

 

 

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

お問い合わせフォームは

Googleのサービスを使って作成しますので

作成前に用意するものがあります

 

作成の前に用意するもの

  • Googleアカウント

Googleアカウントをお持ちでない場合

こちらの記事からアカウント作成の仕方を解説しています

  • Google Chrome ウェブブラウザ

お問い合わせフォームはGoogleのウェブブラウザを使用して作成します

ブラウザが違う方はまずこちらからインストールしてください

www.google.com

 

Google検索のトップページから

お問い合わせフォームの作り方.1
  1. Google検索ページから
  2. 右上のアプリ一覧をクリックします
  3. アプリ一覧から下へスクロールします
  4. その他のソリューションをクリックします

Google検索ページ

 

 

お問い合わせフォームの作り方.2
  1. サービス一覧をクリックします
  2. フォームをクリックします
  3. フォーム作成のトップページへ移動
  4. Googleフォームを作ってみるをクリックします

フォーム作成TOP

 

お問い合わせフォームの作り方.3
  1. 左の空白をクリックします
  2. 無題のフォーム画面に移動します
  3. 新しいGoogleフォームのご紹介をスキップします



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

お問い合わせフォームの作り方.4
  1. ①~③画像のように表示内容を変更してください
  2. ④ ▼をクリックして ラジオボタン ⇒ 記述式へ変更します
  3. ⑤必須を ON に変えます
  4. ①~⑤まででお名前を受けるフォームができました
  5. ⑥項目を追加してメールアドレスを受けるフォームをつくります

 
 
お問い合わせフォームの作り方.5
  1. メールアドレスと表示内容を変更します
  2. ラジオボタン ⇒ 記述式 へ変更します
  3. 必須を ON に変更します
  4. 項目を追加して 次は件名のフォームを作ります
  5. 件名のフォームも同様に変更して下さい

 
 
お問い合わせフォームの作り方.6
  1. お問い合わせ内容と表示を変更します
  2. ラジオボタン ⇒ 段落 に変更します
  3. 必須を ON に変更します
  4. これでお問い合わせフォームが完成しました

 
 

お問い合わせフォームの色とフォントの変更

お問い合わせフォームの色とフォントの変更
  1. 右上のパレットアイコンをクリックします
  2. 右にテーマオプションメニューが開きます
  3. フォントはここから変更できます

 
 

受付時の返信メッセージを設定する方法

メッセージを頂いたときに

自動で受付案内の返信メッセージを返す方法です

 

お問い合わせフォームカスタマイズ.1
  1. 右上の歯車をクリックします
  2. 設定画面を開いたらプレゼンテーションのタブをクリックします
  3. 別の回答を送信するためのリンクを表示の☑を解除します
  4. 確認メッセージにお問い合わせありがとうございましたと入力
  5. 右下の保存をクリックして完了です

 
 

メッセージの受信時にお知らせする方法

メッセージを受けた時Gmailにお知らせが届くようにします
お問い合わせフォームカスタマイズ.2
  1. 回答をクリックします
  2. 右の黒点3つのアイコンをクリックします
  3. 新しい回答についてのメール通知を受け取るをクリックします
  4. もう一度黒点3つのアイコンをクリックして☑マークが入っているか確認

メッセージを受取ったときにGmailの方へお知らせが届くようになりました

 

 

 

 

お問い合わせフォームの設置方法

作成したお問い合わせフォームを

はてなブログへ設置する方法を解説します

 

 

お問い合わせフォームを設置する場所

お問い合わせフォームを設置する場所は

ブログデザインに合わせてそれぞれです

 

ここに設置という決まりはありませんので

 

プロフィール、ヘッダー、フッター、サイドバーなど

ご自身のブログデザインに合わせて自由に設置されてください

 

 

今回紹介する設置方法は2つ

 

①はてなブログの固定ページにお問い合わせ記事を作成して

 サイドバーに設置する方法

 ※固定ページの利用は

  はてなブログPro(有料)契約している方のみとなります

 

②はてなブログのリンクにリンク先として登録する方法

 

を紹介します

 

 

固定ページを使った設置方法

※はてなProの方のみ

固定ページとは

ブログ記事の中で独立したページになります

一般の記事とは違い

最新記事や注目記事の場所に上がってくることはありません

固定ページを作成してもリンクを貼らない限りは

たどり着くことができないページとなります

 

使い方としては

お問い合わせフォーム・プライバシーポリシーなど

アクセスを集めても新着や注目などに上がってほしくない

ページを作るときに適しています

 

はてなブログProについては

こちらの記事から詳しく解説しています

 

 

固定ページを利用した設置方法.1
  1. Googleフォーム内の作成したお問い合わせフォームを開きます
  2. 右上の送信をクリックします
  3. <>のタブをクリックします
  4. ③を指定することでサイズを変更することができます
  5. 右下のコピーをクリックしてHTMLコードをコピーします

 
 

はてなブログにのお問い合わせフォーム用の固定ページを作成します

固定ページを利用した設置方法.2
  1. はてなブログの設定画面を開きます
  2. 左のメニューの固定ページをクリックします
  3. ページを作るのに②URLを決めます お問い合わせフォームなので「contact」と付けました
  4. ページを作るをクリックします

 
 
固定ページを利用した設置方法.3
  1. HTML編集をクリックします
  2. 記事タイトルを入力します
  3. HTMLコードを貼り付けます
  4. 公開するをクリックします
  5. ページを見るから確認することができます

 
 
サイドバーにお問い合わせフォームを設置します
固定ページを利用した設置方法.4
  1. デザイン ⇒ カスタマイズ ⇒ サイドバー ⇒  +モジュールを追加 ⇒ </>HTMLを選択します
  2. 本文の場所に3.のHTMLコードをコピペ
  3. <p><strong><ahref="固定ページのURL">お問い合わせはこちら</a></strong></p>
  4. 適用をクリックします
  5. サイドバーの表示させたい位置を決めたら完了です

※③の固定ページのURLはご自身のURLに変えてください

 

 

はてなブログのリンク先として登録する方法

はてなブログ(無料版)はこちら

 

リンク先に登録する方法.1
  1. Googleフォーム内の作成したお問い合わせフォームを開きます
  2. 右上の送信をクリックします
  3. ②リンクアイコンのタブをクリックします
  4. 右下のコピーをクリックしてリンク先のURLをコピーします

f:id:hato4268:20200819190723j:plain

 
 
リンク先に登録する方法.2
  1. デザイン ⇒ カスタマイズ ⇒ サイドバー ⇒  リンク編集(なければ +モジュールを追加 )
  2. タイトルにお問い合わせはこちらを入力します
  3. リンク先にコピーしたURLを貼り付け
  4. 適用をクリックします
  5. サイドバーの表示させたいリンク位置を決めたら完了です

f:id:hato4268:20200819192208j:plain

f:id:hato4268:20200819192226j:plain

まとめ

お問い合わせフォームの設置まで

できましたでしょうか

 

これで

はてなブログで個人営利利用

Googleアドセンス審査

に一歩近づきました

 

これからも

ブログを発展させて

アフィリエイトを楽しみましょう

 

おすすめ書籍

アフィリエイトで夢を叶えた元OLブロガーが教える本気で稼げるアフィリエイトブログ

 

 

今後も

在宅ワークで仕事を考えている方

副業として収入を増やしたい方の

ヒントになるような記事を

投稿できればと考えています

 

 

当ブログでは

アフィリエイトで収入を目指したい!

しかし

ブログ運営は未経験で初心者である

 

そんな方に向けて

 

ブログ運営の仕方からアフィリエイトの始め方までを

初心者アフィリエイターにおすすめなブログサービス

はてなブログ

を使用して分かり易く解説していく

ブログを目指しています

 

スポンサーリンク

本気のプログラミングスクール【ウェブカツ】

 

最後まで読んでいただきありがとうございました