しばろぐ。

美容とお得なものを中心に紹介していく生活情報サイト。知らなかった情報に出会えるかも。

ネット

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

08/16/2019

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

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

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

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

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

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ヵ月くらい前まではこれからもずっとはてなブログを使用してこのブログを運営していくんだ、と思っていたのですが ...

ReadMore

ネット

2020/1/4

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

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

ReadMore

ネット

2020/1/5

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

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

ReadMore

ネット

2020/1/5

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

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

ReadMore

ネット

2020/1/5

Googleサーチコンソールでエラーが発生した時の対処法

早くGoogle先生に気づいてもらうには必須の、ブロガーには欠かせないGoogleサーチコンソール。 URL検査にかけてインデックス登録しないとなかなか検索で上位に上がってこれません。 (インデックス ...

ReadMore

ネット

2020/1/5

プチバズ?1日のブログのアクセスが初めて2000超えていた件

この弱小ブログがある記事をアップした次の日、1日のアクセス数が2000超えていてびっくり&嬉しかったので記事にしてみました。 初めてのプチバズ?アクセス1日2000超えた! この雑記ブログは長野県ネタ ...

ReadMore

ネット

2020/1/5

【ブログ初心者】10ヶ月ブログを書き続けて思うことと現在の収益

私は2018年の9月初旬からブログを書き始めました。 気づけばブログを始めてもう10ヶ月。もう少しで11ヶ月経とうとしているところです。 ブログを始めた当初はパソコンの使い方すらままならなく、このブロ ...

ReadMore

ネット

2020/1/5

Googleで検索しても表示されない!対処法

お店を経営している方にとってGoogle検索で自分のお店が表示されないととても困りますよね! 私が実際体験したお話です。 もくじ 自分のお店がGoogle検索に表示されないFacebookで広告を出し ...

ReadMore

ネット

2020/1/5

ブログ100記事書いて思う事と現在までの収益を公開!

先日ついにブログ100記事を達成しました。 長いようで短かった。 ブログ100記事達成までの道のり   私がはてなブログを始めたのは去年の9月。 今は2月なので5ヶ月目になります。 最初の頃 ...

ReadMore

ネット

2020/1/5

ココナラでイラスト作成してもらった話

ココナラ とは、知識、スキル、経験を売り買いできるフリーマーケットです。 サービスのやり取りは一対一の非公開で、匿名でも利用できます(*^_^*) しかもお手頃価格で利用できるのがいいところ♪ 最低価 ...

ReadMore

ブログランキングに参加中。クリックしてくれると順位が上がります♪

-ネット
-

Copyright© しばろぐ。 , 2020 All Rights Reserved.