きりんのきもち

読者です 読者をやめる 読者になる 読者になる

きりんのきもち

女子大生の「きりん」が今日もせいいっぱい生きている記録。

はてなブログにお問い合わせフォームを設置する方法【初心者簡単】

ブログ

こんにちは,きりんです。この度,はてなブログ初心者の私が【Tayori】を使って問い合わせフォームを作ることに成功したので,方法を書きます!

f:id:lovdiv:20160911114631p:plain

目次

はてなブログにお問い合わせフォームを作るメリット

これについては下のブログにたくさん書かれていました↓

こちらのブログによると「業務上の連絡手段が出来ること」「ブロガーの方や読者の方とのつながりが出来ること」の2つがメリットです。前者は,ブログ運営上の問題があった場合や,ブログの画像やテキストの利用許可に関する連絡を取りたい場合,メディア出演・寄稿の依頼がある場合に必要となるそうです。また,お問い合わせフォームがある方がアフィリエイトGoogle Adsenseの審査に通りやすいという噂もあるようです。

Googleフォームでのお問い合わせフォーム→断念

"はてなブログ お問い合わせフォーム"でググってまず知ったのがこのサービスでした。Google フォームでの作成方法はこちらのブログにわかりやすく書かれています↓

このブログのおかげで簡単に設定できたのですが,なぜかフォームの一部が英語表示になってしまいました・・・。元々のGoogleアカウント自体を英語表記にしていたのかなと思い,日本語であることを確認して再設定しても直りませんでした。ここで断念(´;ω;`)

フォームメーラーでのお問い合わせフォーム→断念

次にフォームメーラーでのお問い合わせフォームづくりに挑戦しました。次に参考にさせていただいたのがこちらの記事↓。

こちらも,ブロガーの先輩のおかげで設定出来たのですが,私のブログに貼って試してみると文字化けしてしまいました。文字化けについてはこちらのサイトに書かれている↓通り,どうやらこのサイトの"文字コード"に問題があるようでした。私には直せません!お手上げです。ということでこちらも断念。

先輩がたのブログ記事より,Tayoriに注目

諦めの悪い私は,他のサービスを使って出来ないかとブロガー先輩の記事をあさりました。すると,何やらおしゃれなお問い合わせフォームを発見!【Tayori】というサービスです。私が特に参考にさせていただいたブログ記事を掲載します↓(わかりやすく教えていただいて感謝感謝です(´;ω;`))

以上の記事を参考にしつつ,チャレンジしてみた【Tayori】という無料サービス,公式HPはこちら↓。

Tayoriによるお問い合わせフォーム設置の方法 ※きりん流

先輩の記事を貼り付けて説明を終えるのもアレなので,私なりにまとめておきます。流れを順に書くと

  • tayoriにアクセスして無料会員登録する
  • →ログイン後,左のサイドバーにある「フォーム」をクリック
  • →「お問い合わせフォーム」をクリック
  • もうほとんど出来上がってる(´;ω;`)直すとこなし(´;ω;`)感動
  • →ページ下の公開設定を「公開」にする←【これを忘れると設置できません】
  • (→ページ上の「公開中のフォームをプレビュー」で確認しとく)
  • →ページ上の「貼付けタグ/設定確認」をクリック
  • →「GoogleアナリティクスのIDをお持ちの方は入力してください」は無視して下へ(無視して良かったのかは謎。多分大丈夫)
  • →3つのボタンのうち「クラシックボタン」選択
  • →ボタンカラーと,アイコン(私は「なし」にした)を選択
  • →「3.設置サイト ドメイン」は無視(何を入れてもエラーになるし,結局そのまま=空白のままで出来た)
  • →「設定内容を保存」をクリック
  • →下のコードをコピー
  • はてなブログの「デザイン→鍵マーク→サイドバー→モジュール追加→html→さっきのやつをペースト→変更を保存」

このような手順で無事設置できました!

おわりに

ブロガーの先輩がたの記事のおかげでおしゃれなお問い合わせフォームを設置することができました。Tayoriでのフォーム作成,おすすめです。

 

☆★最後まで読んで下さってありがとうございました。更新の励みになりますので,SNSでの拡散やはてなブックマーク登録をぜひよろしくお願いいたします。★☆

広告を非表示にする