リッチメディア広告にはアニメーションや音声、その他のエレメントなど高度な機能が備えられ、広告を見る人がコンテンツとの関わりを通じてエンゲージメントを結ぶように働きかけることができます。フォーマットには通常、HTML5を使用し、制作者がページのソースコードにアニメーションを直接挿入できるようになっています。また、このタイプの広告をHTML5広告と呼ぶこともあります。
このタイプの広告は小型版ウェブページのように機能し、さまざまなファイル形式で構成されているため、HTMLやJavaScript、CSS、ウェブフォント、共有JavaScriptライブラリ、SVG、WebGL、その他標準的なアセット(画像など)を組み合わせることが可能です。リッチメディア広告ではFlashなどのプラグインの利用は必要ありません。
注:AdRollおよびそのパートナーではFlashはサポートしておりません。
HTML5広告のアニメーションは30秒以内に制限されています。ループはできません。
設定例
Zipファイルのガイドライン
各HTML5広告はzipファイルで作成し、コードとアセット(以下のリスト中のサポート可能な共有ライブラリを除く)をすべて保存してください。zipファイルには、HTML文書から参照されたすべてのファイルが含まれていなければなりません。
- フォルダのルートは単一のHTML文書で、適切に構成され、必要な要素をすべて揃えていることが必要です。
- 広告は(配信時に)iframeで読み込めるようにしてください。
- サポートする共有ライブラリ:Adobe Edge、CreateJS (Easeljs、Movieclip、TweenJS、SoundJSおよびPreloadJS)、JQuery、Angular JS、Tumult Hype、Swiffy、GSAP(TweenLite、CSSPlugin、EasePack)
リンクは必ずファイルロケーションを参照してください
アセットはhttpsを使用したセキュア接続で読み込んでください。
外部ドメインを参照するコードは設定できません(クロスドメインスクリプト禁止)
ローカルストレージまたはセッションストレージライブラリは使用できません
セキュリティ上の理由により、クリエイティブのHTMLファイル内でCDNを呼び出すことは禁じられています。
技術的要件
- ファイルサイズ:最大150KB
-
<!DOCTYPE html>、<html>、 <body>タグを使用してください。
-
広告サイズは<meta>タグを使い、下図のように指定してください。
-
<meta name="ad.size" content= "width=300, height=250">
-
-
clickTAG変数を宣言してください。clickTAGはクリックスルーURLです。プラットフォーム上でクリックスルーURLを設定するショートカットとして使用されます。
-
<script type="text/javascript">
// この文字列の値をお客様URLに替えてください
var clickTag = "https://www.adroll.com";
</script> -
この文字列がパラメータとしてアドコード中のあらゆるwindow.openイベントに伝送されます。
<div id="clickArea" style="width: 300px; height: 250px" onclick="window.open(clickTag ,'_blank');">
-
リッチメディア広告の作成
上記の条件を満たしたリッチメディア広告を作成する場合は、グラフィックデザイナーと相談しながら作成することをお勧めします。デザイナーがいない場合は、その他の可能なオプションについてアカウントマネージャーまでお問い合わせください。
注:リッチメディア広告でサポートされるサイズについてはこちらを参照してください。
リッチメディア広告のアップロード
リッチメディア広告のアップロードは現在、ダッシュボード経由で実行できません。リッチメディア広告をアップロードする場合はお手数ですが、カスタマーサポートチームまでお問い合わせください。
カスタムリッチメディア広告
弊社のクリエイティブチームが訴求性、独自性に富んだ広告を作成します。チームによる広告作成例やデザイン例はこちらからご覧いただけます。
注:ご利用金額の要件を満たしていることが必要です。詳しくはアカウントマネージャーにお問い合わせください。