ねとはぴ!

ネットと断捨離が好きな引きこもりです。「YouTuberについて」「オタク情報」「ネットの疑問」「アフィリエイトへの挑戦」「断捨離について」などを紹介しております!

【初心者】Googleフォームで作った「問い合わせフォーム」をサイトに設置するやり方!(はてなブログ)

スポンサーリンク

f:id:miniaoringo:20180801215514j:plain

 

どうも!

前回、『Googleフォームで問い合わせフォームを作るやり方』についてご紹介しました↓ 

www.netohapi.com

 

今回は、『Googleフォームで作った問い合わせフォームを、サイトに設置するやり方』についてご紹介していきたいと思います!

(私は、はてなブログを使用しているので、はてなブログでご説明させていただきたいと思います)

 

 

 

Googleフォームの『問い合わせフォーム』をサイトに設置するやり方(はてなブログ) 

 

 

●はてなブログの【記事を書く】を押す

 

f:id:miniaoringo:20180731233036j:plain

 


 

【HTML編集】を押し、先ほどGoogleフォームでコピーしたリンクを貼る

  

f:id:miniaoringo:20180731232955j:plain

 


 

【ネジマーク】を押し、投稿日時を過去に設定する

 

※過去に設定するのは、読者さんに通知がいかないようにするためです。

今日でなければいつでも大丈夫です。

 

f:id:miniaoringo:20180731233426j:plain

 

本来なら、ここで【投稿する】を押して、そのあとこのページに飛べるように、サイドバーやらプロフィール欄やらに【お問い合わせ】と表記したリンクを設定するのが一般的なのですが...

私はうまくサイドバーやプロフィール欄に、問い合わせリンクを貼ることができなかったので...泣

仕方がないので、カテゴリー欄に表示させることにしました。

(まぁ、とりあえずどこかしらにあればいいだろということで...)

 

ですので、問い合わせリンクをサイドバーやプロフィール欄に表示させたいという方は、申し訳ないのですがここからは他の方のサイトを参考にしてみてください...。

 

私と同じように、「別にカテゴリー欄でもいい」という方は、引き続きやり方を参考にしてみてください。

...でも、おそらくカテゴリー欄に設置するのが一番カンタンだと思います。笑

 

 

 

『問い合わせフォーム』をカテゴリー欄に表示させるやり方

 

 ※上の、『【ネジマーク】を押し、投稿日時を過去に設定する』の続きから作業していきます。 

 

 

●記事タイトルに、『お問い合わせはこちらをクリック』と入力する

 

(『お問い合わせはこちらへ』など、なんでもOKです。カテゴリー欄から入った人が、どこから『問い合わせフォーム』を開くのかをわかりやすくするためです)

 

f:id:miniaoringo:20180731234845j:plain

 


 

【カテゴリーマーク】を押し、【+新しいカテゴリー】を押し、『お問い合わせ』と入力し、OKを押す

 

(私は、最初、他のカテゴリーとの差別化を図るために★をつけていましたが...今は外してしまいました↓)

 

f:id:miniaoringo:20180731235142j:plain



 

【公開する】を押す

 

記事を公開します。

 

『問い合わせフォーム』がカテゴリー欄にあることをわかりやすくするため、私は、このあとプロフィール欄に、『お問い合わせはカテゴリー欄からお願いいたします』と追記しておきました。

  
 
 

テストしてみた

 

以上で、Googleフォームで作った『問い合わせフォーム』をサイトに設置する作業は完了です!

 

私は、一度ちゃんと使えるかテストをしてみました。

『問い合わせフォーム』を開き、必須のところに適当に“テスト”と入れ、メールアドレスのところには、Googleフォームを作ったアカウントとは別のアカウントのGメールアドレスを入れて、送信してみました。

 

ドライブを確認してみると(ドライブの場所は、下記の記事に詳しく書いてあります↓)、ちゃんと自分が送った問い合わせが入っていました! 

【回答】から見ることができます。

初めて作った人は、一度自分で送ってみて、ちゃんと使えるかチェックをしておくと安心だと思います。

  

www.netohapi.com

 

最後までお読みいただきありがとうございました(^^)/ 

 

※アフィリエイトをするなら、こちらがおすすめです↓

カンファレンスバナー