はるかのひとりごと > 情報提供 > アメブロに連絡フォームをつくる方法
はい、こんにちは♪
はるかです。

さて今回は、まあみさんよりリクエストのありました
アメブロに連絡フォームを取り付ける方法を
解説しますね。

アメブロは、メッセージという機能があり
それによって連絡できるのですが、
中身を全て監視しているだけでなく、
住所や電話番号メールアドレスなどが
入っていただけで、スパム扱いされてしまいます。
ですので、個人情報のやりとりは
不可能ですね(T_T)

ですが、ブログに別の連絡フォームを
取り付けることによって、
簡単に個人情報の授受が行えます。
それではいってみましょう。

無料フォームは、沢山あって選ぶのも
大変ですが、無料ブログの中でも
安心できるfc2を使って見たいと思います。
fc2は、ブログやftpその他のサービスは
全て独立していますので、
メールフォームを作ったからと言って
ブログも作らなければならないなんて事は
ありません。ですのでfc2を選択しました。

1.FC2に新規登録する

FC2メールフォームサービス
http://form.fc2.com/

こんな画面がでます。
2fc2

下の方にある「今すぐ無料ではじめる」ボタンを押します。

3fc2画像認証

連絡を受けるメールドレスを入力して、
画像認証を行います。
数字をひらがなやカタカナで入力するって
面白いですね(o^^o)アメーバの
7か1か分からない文字をなんとかして欲しいと
思うのでしたw

すると、登録したメールアドレスに
仮IDの連絡が行きますので、
リンクをクリックして、本登録します。
4fc2プロフ
ニックネームとか無茶苦茶なので
変更を押して変更します。

変更したら、フォームサービスを
選択するのですが、どこにあるか
分からない場合、もう一度以下のリンクを
クリックして、ログインします。
http://form.fc2.com/

はじめての方を押します。
5fc2登録開始

FC2メールフォームサービスが表示されるので
管理画面を押します。
6登録サービス

フォーム一覧・新規作成が表示されるので
タイトルなどを入力して、フォームの新規作成を押します。
7フォーム作成画面

新規作成を押すと、新規フォームを作成しましたと
表示されるので一番下にあるリンク先をコピーします。
8作成完了

表示されているURLを全て選択して
いつものCTRL+Cあるいは、右クリックでコピーします。
以上で、fc2の設定は、おしまいです。

アメブロ側に設定する

通常のリンクなので、ブログに入れても、
フリースペースにいれても、
フリープラグインに入れても機能します。
メールの画像を入れたい場合は、
タグを変更して下さい。

<a href="http://form1.fc2.com/form/?id=xxxxxx" rel="nofollow">
はるかにメールを送る</a><br>

↑このタグを貼り付けるだけで
OKです。xxxxxxの所は、自分の番号を
入れて下さいね。
nofollowは、おまじないだと思って下さい。
「私は貴方へのリンクを信頼していますよ」というのと
逆の意味ですwww
この場合は、必要ですので入れて下さいね。


ではでは。
良い休日を♪


コメント一覧

  1. まあみ
    ほんとうにありがとうございます
    ご本人にきちんとお願いするのは 春にもどってきてからがいいかなぁと
    もじもじしてたのに さっそくに教えていただけて 胸いっぱいです♡

    ノートパソコンの調子が悪いので
    明日 大きいパソコンでじっくり挑戦します
  2. はるか
    >まあみさん
    偶然発見したので、すぐに作りました^^
    需要は他にもあると思います。
    他社の新規開設がメインなので
    簡単だと思いますが、よく分からない所が
    あったら教えて下さいね。
  3. まあみ
    設置してみました
    パソコンのメールチェック 最近さぼっているので
    ちゃんとできてるかの確認を ちるちるちゃんに
    お願いして 実験中です
    成功してたら また喜びの報告にきますねー♡

    はじめ うっかり「はるかにメールする」のままでしちゃって
    我ながら うけちゃって大笑いしました ppp
  4. まあみ
    成功しました!
    ほんとうにありがとうございます

    ひっそりとした位置に設置できたので
    必要な時に ここからお願いってできるので
    垢バンの恐怖が薄らぎました

    ほんとうに うれしぃぃ!!
  5. はるか
    >まあみさん
    ブログ確認しました。
    設置おめでとうございます^^
  6. ちるちる
    まあみちゃんから はるかさんの記事で 教えてもらえるよ~と言われ さっそくやってみました
    大成功です!
    機械音痴の 私でも できました~!
    いつも お世話になって感謝してます
    わかりやすく 書いてくださって ありがとうございました♪
  7. はるか
    >ちるちるさん
    ブログ確認しました。
    設置おめでとうございます^^
  8. はるか
    >まあみさん
    ブログ見ました。
    紹介ありがとうございます^^

    ですけど、お礼とかいいですからね(o^^o)
    直接お話したことの無い方など
    抵抗があると思いますし。
    私は、情報が役に立ってくれれば、
    それだけで良いのですよ。
  9. usachan
     さっそく試してみたら上手くできました。メールの画像を入れる場合は、どのようにタグを変更したら良いのでしょうか?
    • はるか
      こんばんは、普通にリンク内に画像を入れれば良いですよ。
      <a href=”http://form1.fc2.com/form/?id=xxxxxx” rel=”nofollow”>
      <img src=”アメブロの画像のURL”>xxxにメールを送る</a><br>

      これで、画像と文字にアンダーラインが付いてリンクになります。
      画像だけgifなど動くピグをつくってもよいですよ。その場合、メールを送るなどの文字は不要です。
  10. ribaba
    うまくできました!
    お世話になりました^^
    • はるか
      アメブロも連絡フォームは自社のものを使いたいと思っているのですが、実際よくない事件が沢山発生してしまいましたので、こうった方策しか残らないですよね。
      うまく行って良かったです。

コメントする

Gravatarに登録してログインすると自分専用のアバターを表示できます。

コメントを残す





鈴木はるかのプロフィール画像
(Haruka Suzuki)
仕事:金融システムのSE
好きな物:スイーツ、絶景
趣味:お菓子/アニメ/多趣味

月別の記事を見る