clickTagコードの生成
プラットフォームを選び、サイズを入力して、clickTagが入ったHTMLをコピーします。各プラットフォームの標準コードで、確認しておくべき注意点も表示します。clickTagは、クリック先のアドレスを指定する変数です。
プラットフォーム
使用前に古典的なclickTagパターン:clickTag変数と、クリック時のwindow.open。多くのプラットフォームが受け入れますが、お使いのプラットフォームが何を求めるか確認してください。[PLACEHOLDER: プラットフォーム公式ドキュメントへのリンク · 検証日 [日付]]
公開時にプラットフォームが置き換えます。テスト用に任意のアドレスを入れてください。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "https://www.example.com";
</script>
<style>
html, body { margin: 0; width: 300px; height: 250px; overflow: hidden; }
#exit { position: absolute; inset: 0; display: block; cursor: pointer; }
</style>
</head>
<body>
<a id="exit" href="#" onclick="window.open(window.clickTag, '_blank'); return false;" aria-label="Más información"></a>
<!-- tu banner -->
</body>
</html>
使い方
1 · プラットフォームを選ぶclickTagパターン、またはStudio(Enabler)のパターン。
2 · サイズを入力ad.sizeタグとスタイルで使われます。
3 · コードをコピーindex.htmlに貼り付けて、その中にバナーを入れます。
4 · テストする提出の前に、clickTagテスターにアップロードしてください。
ツールについてのよくある質問
ツールは無料ですか?
はい。料金をかけずに、何度でもお使いいただけます。
どのファイルが必要ですか?
確認系のツールでは、HTML5バナーの.zip(メインの.htmlとそのリソース)が必要です。それ以外のツールはファイルを必要としません。
他のツールで作ったバナーにも使えますか?
はい。BannerMotionのバナーだけでなく、どのHTML5バナーも確認できます。
ファイルはどこかに保存されますか?
確認はブラウザ内で行われます。例外として、バナーが外部リソース(たとえばフォント)を読み込む場合、プレビュー表示中にブラウザがそのサイトへ取りに行きます。
アカウントは必要ですか?
いいえ。どのツールもアカウントは不要です。サイズガイドではメールアドレスは任意です。
その他のツール
一言から、動画・バナー・アニメーションを作成。
現在はHTML5バナーを.zipで書き出せます(MP4、GIF、PNG/JPG画像は任意)。動画とアニメーションは近日公開。