iframe 広告とは

  • 検索フォームなど、form タグを含むページをiframe として表示することで、任意のパラメータをオーディエンスに入力させることが可能な広告。

iframe 広告の仕組み

  • ページ呼出し時に A8.net のトラッキングコードがあった場合のみ、フォーム送信時に A8.net のトラッキングサーバを経由する仕組みを JavaScript にて提供する。

タグの設置方法

  • iframe の中に表示するページの body タグ内最下部に下記のコードを埋め込む。 <script src="//statics.a8.net/a8ifrb/a8ifrb.js"></script>

iframe 広告のページの例

  • 下記のような html を組むことにより、検索キーワードをパラメータに含んだ形でランディングページへ遷移させます。
<!DOCTYPE html>
<html lang="ja">
  <head>
    <title>iframe広告サンプル</title>
  </head>
  <body>
    <form action="http://hoge.com/search" method="get">
      検索キーワード: <input type="text" name="keyword" /><br />
      <input type="submit" value="検索" />
    </form>

<!-- A8 SearchBanner JS -->
<script src="//statics.a8.net/a8ifrb/a8ifrb.js"></script>
<!-- / A8 SearchBanner JS -->

  </body>
</html>

制約事項

  • ページ内に必ず1つの form タグを含むようにしてください。form タグを複数含む場合の動作は保障しません。
  • form タグの action 属性は必ず URL フルパスを設定してください。
  • form タグのリクエスト方式は GET にしてください。
  • form タグ内に以下のパラメータは使用しないでください。
    • a8mat
    • a8ejpredirect
    • id1
    • id2
    • id3
    • id4
    • id5
  • form.submit 以外での画面遷移は行わないでください。