しばろぐ。

グルメ&美容&旅行などの雑記ブログ。長野県東信のネタ多めです。

【はてなブログ】Googleフォームを使って記事内にお問い合わせのリンクを貼る方法

スポンサーリンク

はてなブログの記事内に「メールでお問い合わせ」を作りたかったのでその備忘録です。

アドセンス取得時等に必要な、固定ページに作るお問い合わせフォームではなくて、ブログの記事内にメールでお問い合わせを作りたかったのです。

 

記事内にお問い合わせを貼りたい!

まずフォームを作成し、右上送信ボタンをクリックします。

フォームの作成方法は他の方の記事でもよく見かけるのですっ飛ばします。

f:id:shibalog:20190816140941j:plain

フォームを送信の画面が出てきます。

真ん中のリンクボタンをクリックします。

f:id:shibalog:20190816140852j:plain

URLが表示されます。

必要なら左下のURLを短縮をクリックします。

そしてコピーします。

f:id:shibalog:20190816140825p:plain

次ははてなブログの記事の画面です。

f:id:shibalog:20190816143515j:plain

左上のHTML編集の下のほうにあるリンクマークをクリックします。

f:id:shibalog:20190816141212j:plain

リンクを挿入画面が出てくるので、先ほどコピーしたURLを貼り付けてプレビューをクリックします。

f:id:shibalog:20190816141142j:plain

埋め込み、タイトル、URLが出てくるのでお好きなものを選び、選択した方式でリンクを挿入をクリックします。

私はタイトルを表示させ、クリックしたらメールお問い合わせ画面になるようにしたかったのでタイトルを選択。

そうするとこんな感じにできます↓

 

メールお問い合わせはこちらからどうぞ

 

↑これをクリックするとお問い合わせ画面になります。

とっても簡単に作れました。

 

埋め込みにすると

ちなみに埋め込みにするとこんな感じに。

forms.gle

 

そしてGoogleフォームのフォームを送信から< >をクリックしてHTMLを埋め込むをコピーして貼るとこんな感じ。(見本なんで内容は気にしないでください。)

※HTML編集から貼ってください。

この際、高さは1000ピクセルぐらいにすると綺麗に表示されて良いと思います。

デフォルトだと途中で切れてしまいます(;^ω^)

 

この表示のしかたはドーンと出すぎて自分の望んでるものとは違うなあ。

アンケートとかに良いんじゃないんでしょうか。

 

f:id:shibalog:20190624121913j:plain

 

まとめ

やってみると別に簡単なのですが、このような記事を見かけなくて、検索して出てくるのはGoogleフォームを使ってお問い合わせフォームを設置する等の記事ばかりだったので。

最初やりかたがわからなくて少し手間取ったので誰かの役に立てばと思い、作成しました。

 

www.shibaemon-blog.site

www.shibaemon-blog.site

www.shibaemon-blog.site

www.shibaemon-blog.site