アメブロにFC2メールフォームを設置する方法（メールフォームの埋め込み）

FC2メールフォーム

アメブロに簡単にメールフォームを設置する方法です。使用するサービスは、無料のFC2メールフォームです。http://fc2.com/から会員登録して、メールフォームサービスを追加してください。

※注意
忍者メールフォームの場合は、「アメブロで忍者メールフォームを記事に貼り付ける方法 」を参照ください。

サイドバーにメールフォームを表示する方法

FC2メールフォームの設定が終わったら、編集→パーツ利用の設置用タグ、デザイン設定を選択すると作成したメールフォームのパーツが取得してください。


これを、アメブロのフリープラグインに貼り付けてください。そうするとサイドバーにメールフォームが表示されます。表示されたら成功してます。


このような感じで表示されます。

記事としてメールフォームを設置する方法

まずは、お問い合わせ用の記事を書きましょう。タイトルはなんでもOKです。本文は空白にしておきましょう。日付指定をして過去の記事として作成するとよいでしょう。
ここでは、作成した記事のURLを「http://アメブロの問い合わせ記事のURL」だとして説明を続けます。

サイドバーにFC2メールフォームが設置して表示されてる状態であることを確認してください。確認できたら、以下のパーツをFC2メールフォームのパーツの後ろに貼り付けるだけで作業完了です。

※2011/08以降の新スキン用

<script>
$(function() {
$("#fc2form").insertBefore(".articleText");
});
var url=location.href;
if (url.indexOf("http://アメブロの問い合わせ記事のURL")){
 document.getElementById('fc2form').style.display = 'none';
}
</script>

もちろん、「http://アメブロの問い合わせ記事のURL」は書き換えてください。
動作は、サイドバーにはメールフォームは表示されない、URLが「http://アメブロの問い合わせ記事のURL」の記事だけ記事本文にメールフォームが表示されます。

表示位置を決めているのは、「.articleText」です。旧スキンの場合は「.subContents」に変更願います。

また、新スキンの場合は、「アメブロの新スキン（デザイン）でjQueryを使う方法 」のような対応が別途必要です。

このように問い合わせ用の記事を作成して、メッセージボードにこのURLを記述するとよいと思います。

※注意
この方法では、[ FC2メールフォーム ]という１行だけがサイドバーの表示として残ります。