【ブログ初心者】Googleフォームを使って、お問い合わせフォームを設置する方法!

f:id:ars5_rk10:20180901204343p:plain

 

こんにちは!

PC初心者のみつきいです。

Google AdSenseに挑むため、お問い合わせフォームつけてみました!

難しいのかなって思ったのですが、簡単でしたよ^^

 

では、Googleフォームを使ってお問い合わせフォームの設置方法を説明していきます。

 

 

フォームの作成

Googleへアクセス

Googleアカウントがある前提で書いています。

まずは下のリンクからGoogleにアクセス。

www.google.co.jp

f:id:ars5_rk10:20180901212343p:plain

矢印が示しているマークをクリック。

f:id:ars5_rk10:20180901213631p:plain

 これが出てきたら、もっと見る、さらにもっと見るをクリック。

 

そうしたら、この画面が出てきます。

f:id:ars5_rk10:20180901214807p:plain

下の方までスクロールをして

f:id:ars5_rk10:20180901214902p:plain

フォームを見つけてクリック。

 

Googleフォームの作成

f:id:ars5_rk10:20180901215936p:plain

Google フォームを使うをクリック。

f:id:ars5_rk10:20180901220133p:plain

新しいフォームを作成”+”をクリック。

 

タイトル入力

 

f:id:ars5_rk10:20180901223734p:plain

①フォームのタイトル

②簡単に説明を書いてください

 

入力項目の追加と設定

f:id:ars5_rk10:20180901224205p:plain

①+ボタンで入力項目の追加

②記述式、ラジオボタン、プルダウンの属性を選択

③必ず入力してほしいところは右にスライドしてオンにする

④サブメニューから説明欄の追加ができます

※○で囲んでいるゴミ箱ボタンは項目の削除

色の変更

f:id:ars5_rk10:20180901230827p:plain

①色が変更できます

②プレビューができます

私も試しに色を変えてみました!

プレビューしながら好きな色に設定してくださいね^^

通知設定

f:id:ars5_rk10:20180901231259p:plain

回答をクリックして矢印で示しているところをクリック。

f:id:ars5_rk10:20180901231458p:plain

新しい回答についてのメールを受け取るのところにチェックを入れる。

お問い合わせがあれば通知が届くようになります。

f:id:ars5_rk10:20180901231941p:plain

できたら右上の送信を押してください。

誰かに送信されるわけではないので安心してください。

f:id:ars5_rk10:20180901232612p:plain

<>を押すと埋め込みコードが出てきます。

これをコピーしてください。

 

これでお問い合わせフォーム完成です!

次はブログへの貼り付け方を説明していきます。

ブログへの貼り付け方

普通に記事を書く

はてなブログに戻り、記事を書くところを開いてください。

タイトルはお問い合わせなど、自分の好きなように書いてくださいね。

f:id:ars5_rk10:20180901235015p:plain

HTML編集に切り替えて、作成した埋め込みコードをペーストしてください。

f:id:ars5_rk10:20180902003011p:plain

矢印が示しているところをクリックし、投稿日時を開く。

ここを過去の日付にしてください。

私はブログを書き始める一日前にしました。

 

こうしたことにより、新着ブログではなく前からあったかのようになります。

サイドバーにお問い合わせフォームを貼る

いよいよあなたのブログにお問い合わせが設置できます!!

もう少しなので頑張ってください^^

f:id:ars5_rk10:20180902005117p:plain

 

先ほど作ったお問い合わせのページに行き、そのページのURLをコピーしてください。

f:id:ars5_rk10:20180902010832p:plain

ダッシュボードからデザインをクリック。

f:id:ars5_rk10:20180902011010p:plain

カスタマイズを押し、サイドバーをクリックしたらモジュールを追加を選択。

すると次のような画面が出てきます。

f:id:ars5_rk10:20180902011329p:plain

リンクをクリックし、タイトルは好きなように記入する。

リンクの部分にクリックする文を記入してください。

右の項目は先ほどコピーしたお問い合わせページのURLを記入します。

記入できたら、適応を押して保存します。

お問い合わせフォーム完成!

f:id:ars5_rk10:20180902012037p:plain

サイドバーのどの部分に配置するかドロップアップドラッグして変えてください。

私は上から二番目にしました^^

変更を保存するをクリックし、完成です!

 

お疲れ様でした^^

ではまたね♪