アメブロは制限事項が多いブログで有名ですが、その代表的なものの
１つが、「インラインフレームが使えない」という制限です。
しかし、それは、あくまでも、アメブロを何もカスタマイズしていない
状態で使用している時の話です。
前記事の動画で紹介しているように、アメブロでインラインフレーム
表示を可能とするスクリプトを組み込んでやれば、その制限は解除する
ことが可能です。
スクリプトの設置方法については、前記事の動画を参考にして下さい。
今回は、そのインラインフレームを使って、アメブロ記事内に各種の
フォームを設置する事例を紹介しますね。
無料で利用者の多いものの１つに、忍者フォームがあります。
これを設置してみます。
忍者フォームは、以下のリンクからアクセスできる忍者ツールのページ
で登録すれば入手することができます。
忍者ツール
忍者フォームを作成すると、フォーム貼り付け用のタグが生成されて
いるので、それを、例えば、ホームページビルダーで新しいページを
作って貼り付けて、index.htmlとして保存しておきます。
そのindex.htmlファイルをサーバーにアプロードしてURLを控えておいて
アメブロの記事内で、以下の記述をすれば、インラインフレーム内に、
忍者フォームを表示させることができます。
<div class="iframeCreate" src="http://フォームページ(index.html）をアップロードしたURL" frameborder="0" width="500" height="285"></div>
別サイトにある忍者フォームのページをインラインフレームという窓
の中に表示する方法で、アメブロ記事内に表示させられるわけです。
こうして表示させると以下のように、忍者フォームが設置できます。
インラインフレームを利用すれば基本的に、フレーム内には何でも
表示させることができますから、忍者フォームに限らず、以下のような
メルマガ購読フォームだって表示させることができます。