近畿地方から送るゆる~いブログ

rel=”canonical” https://yuruiblog.com/

近畿地方から送るゆる~いブログ

近畿地方、主に滋賀県からお送りする雑記ブログです。映画や読書、滋賀県の素敵な観光地からお食事まで様々な事をご紹介したいと思います。

お問い合わせフォームをTayoriに変更しました-はてなブログでのTayoriの設定から設置までご紹介したいと思います-

Tayoriとは何だろう?という人へ

Tayoriは問い合わせフォームを簡単に作成、設置出来るサービスなのですがこれが結構面白い。私のブログにある右下のメールマーク。

f:id:masanori1989:20170521205927p:plain

これをクリックする事で簡単に問い合わせフォームが開くという仕組みなのですが、Googleを使った問い合わせ方法も試してみたのですが、何かシックリこず何か面白い問い合わせ方法は無いのだろうか・・と探しているとTayoriを見つけました。私がTayoriを面白いと思った理由として。

  • 無料から有料までサイトの規模によって変更出来る
  • リアルチャット対応も出来るのが面白い
  • PCだけではなく、スマホにも対応している
  • 何も知識がなくても設定が楽

この理由で選んだのですが、まずTayoriの新規登録をしてください。

tayori.com

新規作成を行うと登録したメールに「Tayoriへようこそ!」というメールが送信されるのでそちらから本登録を行います。そうするとTayoriを始める事が出来るので早速問い合わせフォームを作成していきます。私が事前に作成したフォームを使って説明していきますが新規作成で作る方は参考程度にお願いします。

問い合わせフォームの作成方法

f:id:masanori1989:20170521210628j:plain

まず新規フォーム作成をクリックすると「フォーム作成」という画面が表示されると思いますがフォーム名は私の場合ですと「ダンボーへ問い合わせフォーム」。フォームタイプはブログタイプなので「簡単お問い合わせ用テンプレート」でフォーム作成に進みます。

f:id:masanori1989:20170521211101p:plain

私の場合は必要最低限の事しか設置していません。「お名前」「メールアドレス」「問い合わせ内容」この3つです。例えば「お名前」を「You」などに変更したい場合は「お名前」をクリックして変更が出来ます。

f:id:masanori1989:20170521211502p:plain

その下にある完了画面設定は空白で問題ありません。

f:id:masanori1989:20170521211522p:plain

問題あるのはその下にある「公開設定」を必ず「公開」に変更すること。これを忘れずにして、とりあえず保存。保存した後はフォームデザインを変更したいので。

f:id:masanori1989:20170521211848p:plain

私は上記の「カラーセットからの選択」で選んだものですが個性を出したいという人は自分の好きな色の組み合わせをこちらで変更出来ます。ブログにロゴなどがある場合はこちらでアップロード出来るのでアップロードしておきましょう

f:id:masanori1989:20170521212022p:plain

設置するフォームの種類ですがスタンダートが一番無難かと思います。他のはてなブログの方を見ているとスタンダートの方が断トツ多いですね。そしてGoogleAnalyticsのアカウントを持っている人はこちらにIDを入力しておいて下さい

f:id:masanori1989:20170521212235p:plain

こちらで右下に表示されるボタンのカスタマイズが出来ます。私は解りやすいようにメールアイコンにしていますが左の「クラシックボタン」でも解りやすいです。ただ「問い合わせ」が結構目立ってしまうので、私は「ポップボタン」がオススメですね。

f:id:masanori1989:20170521212423p:plain

ボタンを設置する位置なのですが「右」「左」の2択です。こちらはブログデザインによっての好みなのですが、はてなブログを利用している方は「右」を選んだ方が無難かと思います。他の方のブログデザインを見ているとサイドバーが右に設置しているデザインを利用している人が多いのでデザイン上、問い合わせフォームボタンも右にある方が見た目は綺麗です。

f:id:masanori1989:20170521212657p:plain

そして自分のドメインをこちらに入力して終わりです。ドメインを設置する場合は必ず「http://」を除く事。また「.com/」など「/」を除くことを忘れないようにしてください。これを忘れてしまうとブログに設置した際に反映されないのでご注意を。

そして「変更を保存」をクリックして終わりとなります。凄く簡単じゃないですか?最後に埋め込みフォームをコピーして、はてなブログの設置へと移ります。

 

はてなブログへの設置方法

はてなブログの設置方法はとても簡単です。

f:id:masanori1989:20170521213058p:plain

サイドバーから「+モジュールの追加」を選択し「HTML」の中に先程コピーしたのはをベーストするだけで完了となります。スマホに設置したい場合は「はてなPRO」を契約する必要があります

 

f:id:masanori1989:20170521213347p:plain

こちらの画面の「フッタ」に同じコードをベーストすればスマホにも同じように問い合わせフォームが設置されます。スマホで確認しましたが、使用しているブログデザインによって邪魔だったり、邪魔じゃなかったりと個人差があると思うので一度設置をしてみた後、邪魔だと思ったら先程のコードを消去してください。

 

最後にTayoriを設置するにあたって

ブログにTayoriを設置しようと思っている人は「問い合わせフォーム」を使いたいという人だと思うのですがその他にも。

  • アンケート
  • セミナーやオフ会の参加予約
  • オンラインショップの問い合わせ
  • 質疑応答

など簡単な使い方であれば何でも使用する事が出来ます。無料プランの場合でも「すべてのフォームで送信はSSL暗号化」なので安心して使えますね。

 

GoogleAnalyticsの登録した理由として「問い合わせフォームに来た数を知りたい」という人は登録しておくと便利なので私は登録しておきました。何人が問い合わせフォームを見て、そのうち何人が実際に送ってきたのかという大体把握しておく事も大事だと思います。今回Tayoriを設置して思ったことは。

 

凄く設置が簡単でブログ初心者でも悩まない!!

 

これがオススメポイントですね。今回はTayoriをご紹介してみましたが、やはりブログ内に問い合わせフォームがあるか、無いかはコミュケーションもそうですが依頼などもある可能性があるので、どんなブログにしても設置しておく事をオススメします