【はてなブログ】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フォームを使ってお問い合わせフォームを設置する等の記事ばかりだったので。

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

ネット

2020/1/5

一年間はてなブログを使用し、ワードプレスに移行を決めた理由

私がはてなブログproでこのしばろぐ。という雑記ブログを書き始めて一年以上が経過しました。 1ヵ月くらい前まではこれからもずっとはてなブログを使用してこのブログを運営していくんだ、と思っていたのですが ...

ネット

2020/1/4

無料でネットショップが作れるBASEで実際開設してみた

無料であっという間にネットショップが開設できるBASEをご存じですか？実際BASEでネットショップを開設してみたので記事にしました。私はネットショップを作ったことがないので一番簡単にネットショップ ...

ネット

2020/1/5

ブログ開設初心者から一年経過…現在の収益は

この記事はこれからブログを開設しようと思っている方やブログ初心者の方の参考になればいいなと思います。私ははてなブログproを利用しています。先日はてなブログからこんなメールが届いていました。なんと！8月29日ではてなブログを開設して一年が経ったお知らせでした。もくじブログ初心者、ついに一年経過したよ！現在の収益なぜアドセンス収益が2倍になったのかアドセンスについて1年が経ち、これからのブログの向き合いかたブログ初心者、ついに一年経過したよ！気づけば超ブログ初心者…いや、パソコン ...