2016.4-6 Ver1.3
原稿規定(広告制作仕様書)
▽2016.1-3期からの主な変更点
•
HTML5の原稿規定を追加
•
Smartphoneメニューの原稿規定を追加
•
インタースティシャルムービー&BIGパネル&ボトムバナー:ボトムバナー入稿サ
イズ、容量を変更
•
Sizmekのサポート環境を更新
1. 純広バナースペック / 入稿スケジュール
・・・
P.2
2. スーパーバナー&レクタングル(FLASH)
・・・
P.4
3. スーパーバナー&レクタングル(HTML5)
・・・
P.6
4. マウスオンエキスパンド(Flash)80KB以内
・・・
P.11
5. マウスオンエキスパンド (Flash)81KB以上2MB以内
・・・
P.16
6. マウスオンエキスパンド(HTML5)
・・・
P.22
7. プッシュダウンバナー(Flash)
・・・
P.27
8. プッシュダウンバナー(HTML5)
・・・
P.34
9. バックグラウンド
・・・
P.42
10. マストヘッド&サイドパネル(Flash)
・・・
P.44
11. BIGパネルムービー&ボトムバナー
・・・
P.56
12. インタースティシャルムービー&BIGパネル&ボトムバナー
・・・
P.57
13. エキスパンド&ギャラリー&ボトムバナー
・・・
P.58
14. エキスパンド&BIGパネル&ボトムバナー
・・・
P.59
15. オプトインメール
・・・
P.60
1.純広バナースペック/入稿スケジュール
▽PC バナー
※ユーザーの環境に著しく負担が発生する場合、修正をお願いする可能性があります。 ※掲載開始後の原稿・リンク先差し替えは原則不可。同時入稿・1週間単位(月曜日更新)での差し替えは可能です。 ※クリエイティブ背景が白の場合、サイトの背景と同化するため枠線をバナーの周囲に枠線を引いてください。 ※サイズ、容量により料金が異なる場合があります。料金については各詳細ページをご参照ください。 ※ELLE girlはアニメーションGIFは不可となります。 メニュー名 サイズ左右×天地(pixels) ループ 同時掲載バナー数 ファイル形式 容量 入稿締め切り 詳細 スーパーバナー ※お申込みサイズで制作してください。 728×90 or 980×90 無限可 1本 gif or jpg 80KB以内 5営業日前 swf 80KB以内 7営業日前 P.4~ HTML5 - 15営業日前 P.6~ レクタングル ※お申込みサイズで制作してください。 300×250 or 300×415 or 300×600 無限可 1本 gif or jpg 80KB以内 5営業日前swf ELLE ONLINE:2MB以内ELLE girl:80KB以内 7営業日前 P.4~ HTML5 - 15営業日前 P.6~ マウスオンエキスパンド エキスパンド時:954×250 or 954×415 or 954×600 リマインダー:300×250 or 300×415 or 300×600 ※お申込みサイズで制作してください。 無限可 1本 swf エキスパンド時:2MB以内 リマインダー:100KB以内 10営業日前 P.11~ P.16~ HTML5 - 15営業日前 P.22~ プッシュダウン プッシュダウン時:980×450 リマインダー:980×90 無限可 1本 swf プッシュダウン時:2MB以内 リマインダー:100KB以内 10営業日前 P.27~ HTML5 - 15営業日前 P.34~ バックグラウンド 1280×4020 アニメー ション不 可 1本 png & psd TOPページ:300KB以内 中面ページ:200KB以内 10営業日前 P.42~ マストヘッド&サイドパネル レフトパネル:149×4020 マストヘッド:982×220 ライトパネル:149×4020 ループ不 可 1本 swf マストヘッド:1.8MB以内 レフトパネル:100KB以内 ライトパネル:100KB以内 10営業日前 P.44~
メニュー名 入稿サイズ ループ 同時掲載バナー数 ファイル形式 容量 入稿締め切り 詳細 BIGパネル(BIGパネルワイド)& ボトムバナー 640×300 or 640×450 ※お申込みサイズで制作してください。 アニメーション不可 各1本 gif or jpg 80KB以内 5営業日前 320×50 アニメーション不可 30KB以内 BIGパネル(BIGパネルワイド)ムービー& ボトムバナー 1280×720 無限可 各1本 MP4 5MB以内 10営業日前 P.56 640×300 or 640×450 ※お申込みサイズで制作してください。 アニメーション不可 gif or jpg 80KB以内 320×50 アニメーション不可 30KB以内
インタースティシャル & BIGパネル & ボトムバナー
320×376 アニメーション不可 各1本 gif or jpg 50KB以内 10営業日前 320×50 アニメーション不可 30KB以内 640×300 アニメーション不可 80KB以内
エキスパンド & BIGパネル & ボトムバナー
640×832 アニメーション不可 各1本 gif or jpg 300KB以内 10営業日前 P.59 640×300 アニメーション不可 80KB以内 640×100 アニメーション不可 50KB以内 インタースティシャル ムービー & BIGパネル & ボトムバナー
1080×720以下 - 各1本 mp4 15秒以内 5MB以内 10営業日前 P57 640×752 アニメーション不可 gif or jpg 300KB以内 640×300 アニメーション不可 80KB以内 320×50 アニメーション不可 30KB以内 エキスパンドギャラリー&BIGパネル&ボトムバナー 640×832 - 各1本 gif or jpg or png 300KB以内 10営業日前 P58 ギャラリーパネル&ナビゲーター サイズ任意 - gif or jpg or png 500KB以内 全パネル 640×300 アニメーション不可 gif or jpg 80KB以内 640×100 アニメーション不可 gif or jpg or png 50KB以内 ボトムバナー 320×50 アニメーション不可 1本 gif or jpg 30KB以内 5営業日前
▽Smartphone バナー
※ユーザーの環境に著しく負担が発生する場合、修正をお願いする可能性があります。 ※掲載開始後の原稿・リンク先差し替えは原則不可。同時入稿・1週間単位(月曜日更新)での差し替えは可能です。 ※クリエイティブ背景が白の場合、サイトの背景と同化するため枠線をバナーの周囲に枠線を引いてください。入稿ファイル 1 .gif or .jpg FLASHが表示できない環境の場合の代替画像 300×250 or 300x415 or 300x600 (レクタングルバナー) 728×90 or 980x90 (スーパーバナー) ※お申込みサイズで制作してください 80KB以下 無限ループ可 任意 2 .swf FLASHムービーバナー 300×250 or 300x415 or 300x600 (レクタングルバナー) 728×90 or 980x90 (スーパーバナー) ※お申込みサイズで制作してください 2MB以下 無限ループ可 任意 3 .fla 設定確認用 4 .html 表示確認用 5 .txt リンク先URL記載用(入稿メール本文中に記載でも可) 入稿ファイルの バージョン .fla ファイル FLASH CS6以下 .swfファイル FlashPlayer10以上 ActionScript ActionScript 2.0 クリック時の リンク設定 ActionScript on (release) { if ((clickTAG.substr(0, 5) == "http:") or (clickTAG.substr(0, 6) == "https:")) { getURL(clickTAG, "_blank"); } } 設定箇所 ボタンシンボル ※クリエイティブ全てを覆うサイズでボタンシンボルを作成ください。 フレームについて 第1フレーム ・FLASHムービーの第1フレームには、ActionScriptを記述せず空のフレームを設けて下さい。 ・ActionScriptやアニメーションは、第2フレーム以降へ記述下さい。 ※空でない場合、広告のダウンロードが終わる前に再生される恐れがあります。 フレームレート 12~18FPS以下 その他の注意点 • FLASHムービー内は、ムービーの入れ子にせずメインのタイムラインに配置して下さい。 • 一つのムービー内に複数のムービーを作成するような形式は、広告配信不具合の原因になりますので禁止となります。 • テキストはアウトライン化して下さい。 • 音声はデフォルトOFFにして下さい。 • 個人情報の収集は不可です。 • 外部へデータ送信する仕様は不可です。 • その他のActionScriptを使用する場合は、何を使用しているのかご説明ください。 • 内容が掲載規定に合わない場合には、プログラムの変更を依頼することがあります。 • 外部データを参照するスクリプトは禁止です。 • Z-indexの値を9999に設定してください。 ※ 他の枠との連動させるバナーや、エキスパンドバナーの場合は 第三者配信となり、規定が異なりますのでご注意ください。
■全体のイメージについて
レクタングル
■概要
HTML5リッチバナーは、サイズミックのプラットフォームで利用できるポライトバナーフォーマットにて広告配信をコントロールします。
なお、下記キャプチャーはレクタングル(300x600)の例になります。
3.スーパーバナー/レクタングルバナー(HTML5)
テンプレートファイル構成 ファイル名 備考 1 HTML index.html 広告配信・表示に利用される基本ファイルになります。 この中でクリエイティブをデザインしてください。 *必須ファイルになります。 2 Styles styles/style.css クリエイティブをデザインする際に利用するスタイルシートになります。 *Styles フォルダの中に含める必須ファイルになります。 3 Scriptsscripts/script.js サイズミック配信を制御するSizmek HTML5 API設定ファイル *scripts フォルダの中に含める必須ファイルになります。
scripts/EBLoader.js サイズミック配信を制御するシステムファイル *scripts フォルダの中に含める必須ファイルになります。 *ファイル内容は編集不可となります。 4 Images images/backup.jpg 下記環境時に表示される代替イメージファイル -HTML5表示できない際(サポート外など) *Images フォルダの中に含める必須ファイルになります。 *最大容量:100KB以内
■以下のファイルをご用意ください。
別途ご提供するテンプレートファイルを元にご制作をお願いいたします。 制作する過程に於いて、下記フォルダ構成を維持する必要がございます。 また、ZIPファイルに圧縮した状態でHTML5原稿を入稿していただく必要がございますのでご留意ください。■サポート環境は以下となります。
OS ブラウザWindows 10 Microsoft Edge Browser
Windows Vista, Windows 7, Windows 8 Internet Explorer 10 +、 Firefox 18 +、 Google Chrome 26+
■テンプレートファイル利用について
プロパティ名 備考 ad 広告全体を定義している<DIV>タグになります。*編集不可 banner バナーを定義している<DIV>タグになります。*編集不可 • テンプレートのレイアウトやデザインを変更する際には、“index.html” や “style.css” ファイル内の記述を変更してください。なお、下記のプロパティは “index.html” ファイル内に含まれる内容になります。<div id="banner">
• HTML5バナーを制御するプログラムはテンプレートファイルに含まれており、デザイン領域以外の記述変更は避けたうえでクリエイティブ制作する必要がご ざいます。なお、クリエイティブをデザインする際には“index.html”や “style.css”ファイル内の記述を必要に応じて変更してください。 ※ テンプレートに含まれる原稿サイズやファイル名などを変更する際には、“index.html”や“style.css”ファイル内の記述を変更することを忘れないように留意ください。 • 下記ファンクションは“scripts/script.js” ファイル内に含まれる内容になります。 ファンクション名 備考 initEB 広告表示を開始させる前に必要な初期設定になります。 *必須 startAd 広告表示を開始させる記述になります。 *必須 clickthrough リンク先URLの遷移を制御する記述になります。 *広告クリックした際は呼び出す必要があります。※ Sizmek HTML5 API 詳細は、下記URLを別途ご査収ください。
https://support.sizmek.com/hc/en-us/articles/201128145-Sizmek-HTML5-API
1
3.スーパーバナー/レクタングルバナー(HTML5)
■index.htmlについて
*前ページを参照ください。
1
*編集不可な記述になります。
4.マウスオンエキスパンド(Flash) 80KB以内
入稿ファイル ファイル形式 用途 サイズ 容量 ループ 秒数 1 .gif or .jpg FLASHが表示できない環境の場合の代替画像 300x415 or 300x600 ※お申込みサイズで制作してください 80KB 以下 無限ループ可 任意 2 .swf 静止時に表示するデフォルトのイメージと、 エキスパンド時の動きを含んだFLASHムービー 954 x 415or 954x600 (最初の状態300x415or600) ※お申込みサイズで制作してください 80KB 以下 無限ループ可 任意 3 .fla 設定確認用 4 .html 表示確認用 5 .txt リンク先URL記載用(入稿メールに記載でも可) 入稿ファイルのバージョン .fla ファイル FLASH CS6以下 .swfファイル FlashPlayer8以上10以下 ActionScript ActionScript 2.0 クリック時のリンク設定 ActionScript on (release) { if ((clickTAG.substr(0, 5) == "http:") or (clickTAG.substr(0, 6) == "https:")) { getURL(clickTAG, "_blank"); } } 設定箇所 ボタンシンボル ※クリエイティブ全てを覆うサイズでボタンシンボルを作成ください。 フレームについて 第1フレーム ・FLASHムービーの第1フレームには、ActionScriptを記述せず空のフレームを設けて下さい。 ・ActionScriptやアニメーションは、第2フレーム以降へ記述下さい。 ※空でない場合、広告のダウンロードが終わる前に再生される恐れがあります。 フレームレート 12~18FPS以下 その他の注意点 ・FLASHムービー内は、ムービーの入れ子にせずメインのタイムラインに配置して下さい。 ・一つのムービー内に複数のムービーを作成するような形式は、広告配信不具合の原因になりますので禁止となります。 ・テキストはアウトライン化して下さい。・音声はデフォルトOFFにして下さい。 ・個人情報の収集は不可です。・外部へデータ送信する仕様は不可です。 ・エキスパンド収束時に、透明のレイヤーがエキスパンドエリアに残らないようにして下さい。 ・その他のActionScriptを使用する場合は、何を使用しているのかご説明ください。 ・内容が掲載規定に合わない場合には、プログラムの変更を依頼することがあります。 ・外部データを参照するスクリプトは禁止です。 ・Z-indexの値を9999に設定してください。 ・エキスパンド開始と収束時にJSの呼び出しが必須となります。詳しくは13ページ,14ページを参照ください。 ・マウスオフで収縮するため、「CLOSE」ボタンは設置しないでください。 マウスオンエキスパンドムー ビー エキスパンド(展開)ムービー ・P14をご覧ください。【JSの呼び出しについて】エキスパンド開始時に下記を追加し(ex.on(rollOver)関数内)JS関数を呼び出してください getURL("javascript:adv_exp_expand();"); 収束ムービー ・P14をご覧ください。 【JSの呼び出しについて】エキスパンド収束後に下記を追加し、JS関数を呼び出してください getURL("javascript:adv_exp_retract();"); クリッカブルエリア ・P15をご覧ください。【エキスパンド前画面】 【エキスパンド画面】
1)エキスパンド(OPEN)の動作について
エキスパンド! FLASH 静止状態300×415
3. エキスパンド画面
W300px→W954pxにエキスパンドしたFLASHムービーの中で
アニメーションが再生される。
FLASH
954
×415
1.マウスオフの状態
FLASHムービーのデフォルトのフレーム(通常は2フレーム目、
代替GIFと同じクリエイティブ)が表示され静止状態。
2. マウスオン
レクタングルエリア(W300×H415)にマウスオンすると、さらに
FLASHムービーが動作し、エキスパンド開始
【JSの呼び出しについて】
エキスパンド開始時に下記を追加し(ex.on(rollOver)関数内)
JS関数を呼び出してください
getURL("javascript:adv_exp_expand();");
4.マウスオンエキスパンド(Flash) 80KB以内
【収束画面】 【エキスパンド画面】1. エキスパンドしたFLASHムービー
(W954×H415)が表示されている。
2. エキスパンドエリアからマウスオフされる
青い線で囲ったエキスパンドエリアからマウスがはずれると、エキ
スパンドしていたFLASHムービーが収束する。
3. 収束後
FLASHムービーが、完全に収束し(W300×H415)のサイズへ戻る。
最終的には、デフォルトのフレーム(通常は2フレーム目、代替GIF
と同じクリエイティブ)が表示された状態へ戻り静止。
FLASH
954×415
収束
FLASH 静止状態300×415
2)エキスパンド(CLOSE)の動作について
【JSの呼び出しについて】
エキスパンド収束後に下記を追加し、JS関数を呼び出してください
getURL("javascript:adv_exp_retract();");
※マウスオフで収縮するため、「CLOSE」ボタンは設置しないでください。
※お申込みサイズが300×600の場合は、
【デフォルト画面】 【エキスパンド画面】
マウス・オン・エキスパンド広告のクリッカブルエリアは、青色の線で囲った、広告エリア内になります。
エキスパンドビジュアルが表示されている場合も同様です。
300×415 クリッカブル エリアマウス・オン・エキスパンド広告では、エキスパンドされた回数のレポートはサポートしていません。予めご了承ください。
3)クリッカブルエリアについて
4)レポートについて
クリッカブル
エリア
954×415
①ページにアクセスすると、リマインダーが表示されます。 ②リマインダーにマウスオンすると、エキスパンドが展開します。 エキスパンドエリアからマウスオフで収束します。
■全体の動作について
5.マウスオンエキスパンドバナー(Flash) 81KB以上2MB以内
入稿素材 ファイル形式 バージョン 容量 ※1 サイズ 備考
①:リマインダー FLASH(SWF) SWF FlashPlayer10 以上 100KBまで 300×415 or 300x600 ― ②:リマインダー FLASH(FLA) FLA CS6以下 ― 300×415 or 300x600 ―
③:エキスパンド FLASH(SWF) SWF FlashPlayer10 以上 2MBまで 954×415 or 954x600 リマインダー FLASH の上に重なって表示されます。
④:エキスパンド FLASH(FLA) FLA CS6以下 ― 954×415 or 954x600 ― ⑤:代替 GIF GIF GIF 100KBまで 300×415 or 300x600 ― ※1 容量につきましては基本的には媒体社規定に準拠しますが、Sizmekの広告配信サーバーに於ける容量制限により
①:リマインダー FLASH(SWF)、および ⑤:代替 GIF は最大容量 100KB を超えるものは利用できませんのでご留意くださいませ。 ※2 リマインダーとエキスパンドの縦サイズは同サイズにてご入稿ください。
■以下の5点のファイルをご用意ください。
Windows
OS Windows XP、Windows Vista、Windows 7、Windows 8
ブラウザ
バージョン Internet Explorer 10以上、Firefox 10 以上、Google Chrome プラグイン Flash Player 10 以上 設定 Javascriptが「有効」であること ActiveXコントロールが「有効」であること Cookieをブロックしていないこと Mac OS OS X 10.5、10.6、10.7 ブラウザ バージョン Safari5.0以降 プラグイン Flash Player 10 以上 設定 Javascriptが「有効」であること ActiveXコントロールが「有効」であること Cookieをブロックしていないこと
■ブラウザ/OSの表示サポート環境(推奨)
※ 上記環境においてもユーザー環境や回線状況により Flash が広告が表示されず代替 GIF が表示される場合がございます。 ※ 上記環境以外でも、表示、動作確認の上、問題ないと判断された環境ではリッチ広告を表示する場合があります。 (事前にご確認ください。) ※ 完全透過部分があるクリエイティブに関しましては、配信できないブラウザがありますので、使用しないようにお願い致します。■詳細については以下をご参照ください。
Action Script について AS2.0 で記述してください。
制作支援ツールの使用について MediaMind の制作支援ツール「Workshop」がインストールされた環境でパブリッシュしてください。 (インストール方法は別紙をご覧くださいませ。) 第 1 フレーム目について Sizmek 指定のスクリプト「EBBase.Init();」を記述してください。(下図参照) その他のアクションスクリプトやオブジェクトは入れないでください。 1 フレーム毎の容量制限 第 2 フレーム目以降の 1 フレーム毎に於けるファイル容量は 30KB 以内にしてください。 アニメーションの負荷率の軽減 ユーザーの PC に対して極度に負荷をかける原稿の作成は避けてください。 ※SWF 単体で 40% 以上の CPU 負荷が 2 秒以上の継続不可 フレームレート フレームレートは12fps ~ 18fps以下 ※低スペックの PC 環境にも負荷が掛からないようにしてください。 スクリプトの禁止事項 右記の処理を行うアクションスクリプトの使用は禁止。 ①:外部ファイルの読み込み処理 ②:外部サーバーとの通信処理 ③:「getURL」の使用 背景色 背景色は広告配信時に無効になりますので、FLA ファイル内にて背景色のレイヤーを用意してください。 ドキュメントプロパティにて背景色を指定しても広告配信には反映されません。 フォント テキストはアウトライン化(「分解」して「シンボルに変換」)してください。 クリックタグ リマインダー FLASH、エキスパンド FLASHと もに、すべてを覆うように設置することを推奨いたします。 著作権物の扱い FLASH 原稿に著作権物を含む場合は、アドミッション入稿をお願い致します。また、セキュアスクリプトを必ず使用してください。 (セキュアスクリプトについては 7 ページ目をご参照ください。) ファイル名 ファイル名は半角英数字とアンダーバーのみをご使用ください 。(スペース含め左記以外のものは使用不可となります。) その他 音声デフォルト「OFF」が規定となります。 FLASH でのリンク設定について 1 フレーム目の記述について 完全透過について 完全透過を含む箇所がある クリティブの作成は禁止しております。 アクションスクリプトの記述 EBBase.Clickthrough(); アクションスクリプトの記述 EBBase.Init();
エキスパンドバナーの動きについて エキスパンド(拡大)する動きについては、リマインダー FLASH の上にエキスパンド FLASH が重なって表示されます。 ※リマインダー FLASH 内にエキスパンド(拡大)する旨のメッセージを入れることを強く推奨します。 (参考):メッセージの有無によりユーザーによるエキスパンド展開率が場合によって約 2 ~ 10 倍以上の差があります。 ※リマインダー FLASH とエキスパンド FLASH の原稿間に於ける表現連携(コンポジット)は、通常では制御できませんのでご了承くださいませ。
5.マウスオンエキスパンドバナー(Flash) 81KB以上2MB以内
エキスパンド(拡大)の動きを制御する方法ついて ①リマインダー FLASH からオンマウスで エキスパンド FLASH を開く下記アクションスクリプトを記述してください ②エキスパンドエリアからマウスオフした際に、 バナーが収縮します。(アドサーバー側で設定します。) ※上記のスクリプトは、エキスパンド FLASH を「Panel1」と定義しております。 ※上記のスクリプトは、リマインダー FLASH とエキスパンド FLASH の動作を踏まえて、最適な場所に必ず挿入してください。 リマインダー Flash リマインダー Flashエキスパンド
Flash
リマインダー FLASH 内のスクリプト記述例 EBPanel.ExpandPanel("Panel1");セキュアスクリプトの設定について(著作権物の保護) ※FLASH 原稿に著作権物を含む場合のみ
ローカル環境に於ける Flash ファイルの再生を禁止し、セキュアな状態を確保するためには、全フレームを覆うように下記セキュアスクリプトを記述してください。
セキュアスクリプトの記述 Stage.showMenu = false; var l = _url;
var ar = new Array();
for (var i = 0; i<l.length; i++) { if (l.charAt(i) == "/") { ar.push(i); } } str = l.substr(ar[1]+1, ar[2]-ar[1]-1); if (str.indexOf("serving-sys.com") != -1 || str.indexOf("eyeblasterwiz.com") != -1 || str.indexOf("admission.jp") != -1) { } else {
var snd = new Sound(); snd.setVolume(0); stop();
①ページにアクセスすると、リマインダーが表示されます。 ②リマインダーにマウスオンすると、エキスパンドが展開します。 エキスパンドエリアからマウスオフで収束します。
■全体の動作について
リマインダー
エキスパンド
■概要
HTML5オンマウスエキスパンドは、シングルエキスパンドフォーマットを利用した広告展開になります。
また、下記キャプチャーはエキスパンド収縮時と拡大時の展開例になります。
なお、300x600(300x415)のクリエイティブ領域にユーザーがマウスオンした際に、954x600(954x415)パネルが表示されて、
954x600(954x415)パネルからマウスオフした際にはエキスパンドパネルは収縮する挙動になります。
6.マウスオンエキスパンド(HTML5)
テンプレートファイル構成 ファイル名 備考 1 HTML index.html 広告配信・表示に利用される基本ファイルになります。 この中でクリエイティブをデザインしてください。 *必須ファイルになります。 2 Styles styles/style.css クリエイティブをデザインする際に利用するスタイルシートになります。 *Styles フォルダの中に含める必須ファイルになります。 3 Scriptsscripts/script.js サイズミック配信を制御するSizmek HTML5 API設定ファイル *scripts フォルダの中に含める必須ファイルになります。
scripts/EBLoader.js サイズミック配信を制御するシステムファイル *scripts フォルダの中に含める必須ファイルになります。 *ファイル内容は編集不可となります。 4 Images images/backup.jpg 下記環境時に表示される代替イメージファイル -HTML5表示できない際(サポート外など) *Images フォルダの中に含める必須ファイルになります。 *最大容量:100KB以内
■以下のファイルをご用意ください。
別途ご提供するテンプレートファイルを元にご制作をお願いいたします。 制作する過程に於いて、下記フォルダ構成を維持する必要がございます。 また、ZIPファイルに圧縮した状態でHTML5原稿を入稿していただく必要がございますのでご留意ください。■サポート環境は以下となります。
OS ブラウザWindows 10 Microsoft Edge Browser
Windows Vista, Windows 7, Windows 8 Internet Explorer 10 +、 Firefox 18 +、 Google Chrome 26+
■テンプレートファイル利用について
プロパティ名 備考 ad 広告全体を定義している<DIV>タグになります。*編集不可 banner エキスパンド前の300x600(300x415)領域を定義している<DIV>タグになります。*編集不可 panel エキスパンド後の954x600(954x415)領域を定義している<DIV>タグになります。*編集不可 • テンプレートのレイアウトやデザインを変更する際には、“index.html” や “style.css” ファイル内の記述を変更してください。なお、下記のプロパティは “index.html” ファイル内に含まれる内容になります。<div id="banner">
<div id="panel">
• HTML5マウスオンエキスパンドを制御するプログラムはテンプレートファイルに含まれており、デザイン領域以外の記述変更は避けたうえでクリエイティブ 制作する必要がございます。なお、クリエイティブをデザインする際には“index.html”や “style.css”ファイル内の記述を必要に応じて変更してください。 ※ テンプレートに含まれる原稿サイズやファイル名などを変更する際には、“index.html”や“style.css”ファイル内の記述を変更することを忘れないように留意ください。 • 下記ファンクションは“scripts/script.js” ファイル内に含まれる内容になります。 ファンクション名 備考 initEB 広告表示を開始させる前に必要な初期設定になります。 *必須 startAd 広告表示を開始させる記述になります。 *必須 expand エキスパンドパネルを表示させる記述になります。 collapse エキスパンドパネルを収縮させる記述になります。 clickthrough リンク先URLの遷移を制御する記述になります。 *広告クリックした際は呼び出す必要があります。 ※ Sizmek HTML5 API 詳細は、下記URLを別途ご査収ください。
https://support.sizmek.com/hc/en-us/articles/201128145-Sizmek-HTML5-API
1
6.マウスオンエキスパンド(HTML5)
■index.htmlについて
*前ページを参照ください。
1
7.プッシュダウンバナー(Flash)
①ページにアクセスすると、 自動でプッシュダウンがコンテンツを押し下げて表示されます。 ②プッシュダウンはCLOSEボタン押下またはアニメーション終了後収束します。 ③2回目以降は、リマインダーをClickすることで、プッシュダウンが展開します。■全体の動作について
プッシュダウン
CLOSEリマインダー
Closeボタンは必ずプッシュダウンパネルの
下部に設置ください。
※
音声は
デフォルトOFF
ご入稿の場合は、ファイルは以下の5点をご用意下さい
入稿素材
ファイル形式
バージョン
容量※1
サイズ
①:リマインダーFLASH (SWF)
SWF
FlashPlayer10 以上
100KBまで
980x90
②:リマインダーFLASH (FLA)
FLA
CS6以下
-
980x90
③:プッシュダウンFLASH (SWF)
SWF
FlashPlayer10 以上
2MBまで
980x450
④:プッシュダウンFLASH (FLA)
FLA
CS6以下
-
980x450
⑤:代替イメージ
GIF
GIF
100KBまで
980x90
(※1) 容量につきましては基本的には媒体社規定に準拠しますが、 sizmekの広告配信サーバーに於ける容量制限により
7.プッシュダウンバナー(Flash)
ブラウザ/OSの表示サポート環境(推奨)は以下になります
※上記環境においてもユーザー環境や回線状況により Flash が広告が表示されず代替イメージが表示される場合がございます。
※上記環境以外でも、表示、動作確認の上、問題ないと判断された環境ではリッチ広告を表示する場合があります。
(事前にご確認ください。
)※完全透過部分があるクリエイティブに関しましては、配信できないブラウザがありますので、使用しないようお願い致します。
Windows
OS
Windows XP、Windows Vista、Windows 7、Windows 8
ブラウザ
バージョン
Internet Explorer 10以上、Firefox 10 以上、Google
Chrome
プラグイン
Flash Player 10 以上
設定
Javascriptが「有効」であること
ActiveXコントロールが「有効」であること
Cookieをブロックしていないこと
Mac
OS
OS X 10.5、10.6、10.7
ブラウザ
バージョン
Google Chrome 、Safari5.0以降
プラグイン
Flash Player 10 以上
設定
Javascriptが「有効」であること
ActiveXコントロールが「有効」であること
Cookieをブロックしていないこと
完全透過について 1フレーム目の記述について
Action Scriptについて AS2.0で記述してください
制作支援ツールの使用について sizmekの制作支援ツール「Workshop」がインストールされた環境でパブリッシュしてください(インストール方法は別紙をご覧くださいませ) 第1フレーム目について sizmek指定のスクリプト「EBBase.Init();」を記述してください(下図参照) その他のアクションスクリプトやオブジェクトは入れないでください 1フレーム毎の容量制限 第2フレーム目以降の1フレーム毎に於けるファイル容量は30KB以内にしてください アニメーションの負荷率の軽減 ユーザーのPCに対して極度に負荷をかける原稿の作成は避けてください ※SWF単体で40%以上のCPU負荷が2秒以上の継続不可 フレームレート フレームレートの推奨値は12fps~18fpsとなります ※低スペックのPC環境にも負荷が掛からないようにしてください スクリプトの禁止事項 右記の処理を行うアクションスクリプトの使用は禁止 ①:外部ファイルの読み込み処理 ②:外部サーバーとの通信処理 ③「getURL」の使用 背景色 背景色は広告配信時に無効になりますので、FLAファイル内にて背景色のレイヤーを用意してください ドキュメントプロパティにて背景色を指定しても広告配信には反映されません フォント テキストはアウトライン化(「分解」して「シンボルに変換」)してください クリックタグ リマインダーFLASH、エキスパンドFLASHともに、すべてを覆うように設置することを推奨いたします 各種ボタンの設置について 閉じるボタンなどを設置する場合は、クリックタグの上になるように配置してください 著作権物の扱い FLASH原稿に著作権物を含む場合は、アドミッション入稿をお願い致します。また、セキュアスクリプトを必ず使用してください (セキュアスクリプトについては7ページ目をご参照ください) ファイル名 ファイル名は半角英数字とアンダーバーのみをご使用ください (スペース含め左記以外のものは使用不可となります) その他 音声はデフォルトOFFが規定となります。 完全透過を含む箇所があるクリティブの作 成は禁止しております。 FLASHでのリンク設定について アクションスクリプトの記述 EBBase.Clickthrough(); アクションスクリプトの記述 EBBase.Init();
7.プッシュダウンバナー(Flash)
プッシュダウン(拡大)の動きを制御する方法ついて
①リマインダーFLASHからクリックで プッシュダウンFLASHを開く 下記アクションスクリプトを記述してください ②閉じるボタンクリック時に プッシュダウンFLASHを閉じる 下記アクションスクリプトを記述してくださいプッシュダウンバナーの動きについて
(例) ※リマインダーFLASHとプッシュダウンFLASHの原稿間に於ける表現連携(コンポジット)は、通常では制御できませんのでご了承くださいませ。 ※リマインダーFLASH内にプッシュダウン(拡大)する旨のメッセージを入れることを強く推奨します。 (参考):メッセージの有無によりユーザーによるプッシュダウン展開率が場合によって約2~10倍以上の差があります。 プッシュダウン(拡大)する動きについては、リマインダーFLASHの下にプッシュダウンFLASHがコンテンツを押し下げながら拡大します。 広告領域 (リマインダーFLASH) OPEN>広告領域 (リマインダーFLASH) OPEN> 広告領域 (リマインダーFLASH)
広告領域 (プッシュダウンFLASH) リマインダーFLASH内のスクリプト記述例 EBPanel.ExpandPanel("Panel1"); プッシュダウンFLASH内のスクリプト記述例 (最終フレーム) EBPanel.CollapsePanel("panel1"); プッシュダウンFLASH内のスクリプト記述例 EBPanel.CollapsePanel("panel1"); ③アニメーションが終わるタイミングで 下記アクションスクリプトを記述してください CLOSE>
セキュアスクリプトの設定について (著作権物の保護) ※FLASH原稿に著作権物を含む場合のみ
セキュアスクリプトの記述 Stage.showMenu = false; var l = _url;
var ar = new Array();
for (var i = 0; i<l.length; i++) { if (l.charAt(i) == "/") { ar.push(i); } } str = l.substr(ar[1]+1, ar[2]-ar[1]-1); if (str.indexOf("serving-sys.com") != -1 || str.indexOf("eyeblasterwiz.com") != -1 || str.indexOf("admission.jp") != -1) { } else {
var snd = new Sound(); snd.setVolume(0); stop();
}
ローカル環境に於けるFlashファイルの再生を禁止し、セキュアな状態を確保するためには、 全フレームを覆うように下記セキュアスクリプトを記述してください
①ページにアクセスすると、 自動でプッシュダウンがコンテンツを押し下げて表示されます。 ②プッシュダウンはCLOSEボタン押下またはアニメーション終了後収束します。 ③2回目以降は、リマインダーをClickすることで、プッシュダウンが展開します。
■全体の動作について
プッシュダウン
CLOSEリマインダー
■概要
HTML5プッシュダウンは、コンテンツを押し下げながら拡大するエキスパンドバナーの広告展開になります。つまり、エキスパンドした後もサイト側の
コンテンツが見続けることができる展開になります。また、下記キャプチャーはエキスパンド収縮時と拡大時の展開例になります。
なお、ページ読み込み後、980×450パネルは1ユーザーに対して、1日1回のみ自動的に表示されます。また、自動エキスパンド拡大20秒後、もしくは、
クローズボタンをクリック後にはエキスパンドパネルは収縮する挙動になります。
8.プッシュダウンバナー(HTML5)
テンプレートファイル構成 ファイル名 備考 1 HTML index.html 広告配信・表示に利用される基本ファイルになります。 この中でクリエイティブをデザインしてください。 *必須ファイルになります。 2 Styles styles/style.css クリエイティブをデザインする際に利用するスタイルシートになります。 *Styles フォルダの中に含める必須ファイルになります。 3 Scriptsscripts/script.js サイズミック配信を制御するSizmek HTML5 API設定ファイル *scripts フォルダの中に含める必須ファイルになります。
scripts/EBLoader.js サイズミック配信を制御するシステムファイル *scripts フォルダの中に含める必須ファイルになります。*ファイル内容は編集不可となります。 scripts/html5_auto_expand_frequenc y_capping_v1.js 自動エキスパンドのフリーケンシーを制御するシステムファイル *scripts フォルダの中に含める必須ファイルになります。*ファイル内容は編集不可となります。 scripts/pushdown_banner.js プッシュダウンの拡大および収縮を制御するシステムファイル *scripts フォルダの中に含める必須ファイルになります。*ファイル内容は編集不可となります。 4 Images images/backup.jpg 下記環境時に表示される代替イメージファイル -HTML5表示できない際(サポート外など) *Images フォルダの中に含める必須ファイルになります。*最大容量:100KB以内 images/close_button.png プッシュダウンパネル内のクローズボタンに関するイメージファイル *Images フォルダの中に含める必須ファイルになります。
■以下のファイルをご用意ください。
別途ご提供するテンプレートファイルを元にご制作をお願いいたします。 制作する過程に於いて、下記フォルダ構成を維持する必要がございます。 また、ZIPファイルに圧縮した状態でHTML5原稿を入稿していただく必要がございますのでご留意ください。■サポート環境は以下となります。
OS ブラウザWindows 10 Microsoft Edge Browser
Windows Vista, Windows 7, Windows 8 Internet Explorer 10 +、 Firefox 18 +、 Google Chrome 26+
■テンプレートファイル利用について
プロパティ名 備考 ad 広告全体を定義している<DIV>タグになります。*編集不可 panel エキスパンド前の980x450領域を定義している<DIV>タグになります。*編集不可 banner エキスパンド後の980x90領域を定義している<DIV>タグになります。*編集不可 • テンプレートのレイアウトやデザインを変更する際には、“index.html” や “style.css” ファイル内の記述を変更してください。 なお、下記のプロパティは “index.html” ファイル内に含まれる内容になります。<div id=“panel">
<div id=“banner">
• HTML5マウスオンエキスパンドを制御するプログラムはテンプレートファイルに含まれており、デザイン領域以外の記述変更は避けたうえでクリエイティブ 制作する必要がございます。なお、クリエイティブをデザインする際には“index.html”や “style.css”ファイル内の記述を必要に応じて変更してください。
※ テンプレートに含まれる原稿サイズやファイル名などを変更する際には、“index.html”や“style.css”ファイル内の記述を変更することを忘れないように留意ください。
1
8.プッシュダウンバナー(HTML5)
■テンプレートファイル利用について
• 下記ファンクションは“scripts/script.js” ファイル内に含まれる内容になります。 ファンクション名 備考 pushdownSettings 初期設定 *必須 initEB 広告表示を開始させる前に必要な初期設定になります。 *必須 startAd 広告表示を開始させる記述になります。 *必須 setUpAutoExpandFrequencyCapping フリーケンシー制御に必要な記述になります。 *必須 expand エキスパンドパネルを表示させる記述になります。 switchToExpandedGraphics エキスパンドパネル(980x450)の表示に切り替える記述になります。 *必須 collapse エキスパンドパネルを収縮させる記述になります。 *必須 *クローズボタンをクリックした際は呼び出す必要があります。 doCollapseBehavior エキスパンドパネルを収縮させる記述になります。 *必須 switchToCollapsedGraphics 収縮後パネル(980x90)の表示に切り替える記述になります。 *必須 clickthrough リンク先URLの遷移を制御する記述になります。 *広告クリックした際は呼び出す必要があります。 collapse エキスパンドパネルを収縮させる記述になります。 *必須 *クローズボタンをクリックした際は呼び出す必要があります。 doCollapseBehavior エキスパンドパネルを収縮させる記述になります。 *必須※ Sizmek HTML5 API 詳細は、下記URLを別途ご査収ください。
■index.htmlについて
*31ページを参照ください。
1
8.プッシュダウンバナー(HTML5)
■scripts/script.jsについて
■scripts/script.jsについて
*編集不可な記述になります。
1日の自動エキスパンド
展開条件を定義
プッシュダウンのパネルが収縮
するまで時間:ミリ秒数を定義
【背景部分】
■SPEC 入稿ファイル: 1. pngファイル(TOPページ:300KB以内、中面ページ:200KB以内) 2. psdファイル 3. リンク先URL ※タグ入稿不可 入稿寸法:W1280 pixel x H4020 pixel以下 ALTテキスト:不可 リンク先:設定可能 ■クリエイティブ露出箇所: 右図の点線部分 クリエイティブの内、重要な部分は通常のブラウザで表示できる領域 W1250px × H600px 内に収めてください。 こちらを超える領域はファーストビューに表示されない恐れがございます。 ⇒サイトの天地は可変のため、実際の掲載時期によって変動します。 ■ELLE ロゴまわり: 変更不可 ■背景色指定: 可能 ■ご入稿: 10営業日前 ■環境: モニター解像度 W1280~を想定 ※スーパーバナー、レクタングルも併せてご入稿ください 素材については、それぞれの原稿規定をご確認の上、ご入稿ください。 4020 px 3800 px 220 px入稿素材 ファイル 形式 バージョン ファイル 容量 サイズ(ピクセル) アニメーション/ループ 備考 ① マストヘッドSWF SWF FlashPlayer10 以上 1.8MB以内 W982×H220 アニメーション可/ループ不可 ー ② マストヘッドFLASH FLA CS6以下 ー W982×H220 アニメーション可/ループ不可 ー ③ レフトパネルSWF SWF FlashPlayer10 以上 100KB以内 W149×H4020 アニメーション不可/ループ不可 ー ④ レフトパネルFLASH FLA CS6以下 ー W149×H4020 アニメーション不可/ループ不可 ー ⑤ ライトパネルSWF SWF FlashPlayer10 以上 100KB以内 W149×H4020 アニメーション不可/ループ不可 ー ⑥ ライトパネルFLASH FLA CS6以下 ー W149×H4020 アニメーション不可/ループ不可 ー ⑦ デフォルトSWF SWF FlashPlayer10 以上 50KB※1 W982×H220 アニメーション可/ループ可 ①に対するローディングイメージ ⑧ デフォルトFLASH FLA CS6以下 ー W982×H220 アニメーション可/ループ可 ①に対するローディングイメージ ⑨ 代替イメージ GIF/JPEG - 50KB※1 W982×H220 アニメーション不可/ループ不可 ①に対する代替イメージ ※1 ④、⑤の各容量をSizmekに設定できる最大容量50KBまでとなります。 ※容量が大きくなるため、料金については必ず事前に確認してください。
10.マストヘッド&サイドパネル(Flash)
■メニュー概要と全体サイズ
149px 4020 px 149px 980px 220 px 1280pxマストヘッド
レフトパネル
ライトパネル
マストヘッド部分で動画が再生されます。
※コンテンツとサイドパネルの間に1px空きます。
全体の動作について
1.タグからデフォルトバナー(A)をよびだし
ます。
※動画を配信するマストヘッド部分は容量が大きく、
読み込みが完了するまでに時間がかかる場合があるため、
デフォルトFLASH
を用意します。
A
2.デフォルトバナー(A)から
マストヘッド(B)と
レフト/ライトパネル(C,D)をよびだしま
す。
※マストヘッド内で動画が再生されます。
B
C
D
デフォルトバナーはネットワーク速度やPCの性能など、ユーザ環境によりリッチバナーに切り替わるタイミングが
異なるため、アニメーションの再生途中でリッチバナーに切り替わってしまうことがございます。
デフォルトバナーはリッチバナーが表示されるまでの間に一時的に表示されるクリエイティブですので、
ローディング中の表示や、リッチバナーで展開するアニメーションの始めのフレームの制止画像などに
することを推奨します。
※デフォルトバナーの制作例
10.マストヘッド&サイドパネル(Flash)
ブラウザ/OSの表示サポート環境(推奨)は以下になります
※上記環境においてもユーザー環境や回線状況により Flash が広告が表示されず代替 GIF が表示される場合がございます。
※上記環境以外でも、表示、動作確認の上、問題ないと判断された環境ではリッチ広告を表示する場合があります。
(事前にご確認ください。
)※完全透過部分があるクリエイティブに関しましては、配信できないブラウザがありますので、使用しないようにお願い致します。
Windows
OS
Windows Vista、Windows 7、Windows 8
ブラウザ
バージョン
Internet Explorer 8、Internet Explorer 9、Internet
Explorer 10、Firefox 10 以上、Google Chrome
プラグイン
Flash Player 10 以上
設定
Javascriptが「有効」であること
ActiveXコントロールが「有効」であること
Cookieをブロックしていないこと
Mac
OS
OS X 10.5、10.6、10.7
ブラウザ
バージョン
Safari5.0以降
プラグイン
Flash Player 10 以上
設定
Javascriptが「有効」であること
ActiveXコントロールが「有効」であること
Cookieをブロックしていないこと
完全透過を含む箇所があるクリティブの作成は禁止しております。
完全透過について
詳細については以下をご参照ください。
Action Script について AS2.0 で記述してください。
制作支援ツールの使用について Sizmek の制作支援ツールご覧くださいませ。) 「Workshop」がインストールされた環境でパブリッシュしてください。(インストール方法はP.39以降を 第 1 フレーム目について sizmek 指定のスクリプト「EBBase.Init();」を記述してください。(下図参照) その他のアクションスクリプトやオブジェクトは入れないでください。 1 フレーム毎の容量制限 第 2 フレーム目以降の 1 フレーム毎に於けるファイル容量は 30KB 以内にしてください。 アニメーションの負荷率の軽減 ユーザーの PC に対して極度に負荷をかける原稿の作成は避けてください。 ※SWF 単体で 40% 以上の CPU 負荷が 2 秒以上の継続不可 フレームレート フレームレートの推奨値は 12fps ~ 18fps となります。 ※低スペックの PC 環境にも負荷が掛からないようにしてください。 スクリプトの禁止事項 右記の処理を行うアクションスクリプトの使用は禁止。 ①:外部ファイルの読み込み処理 ②:外部サーバーとの通信処理 ③:「getURL」の使用 背景色 背景色は広告配信時に無効になりますので、FLA ファイル内にて背景色のレイヤーを用意してください。 ドキュメントプロパティにて背景色を指定しても広告配信には反映されません。 フォント テキストはアウトライン化(「分解」して「シンボルに変換」)してください。 クリックタグ リマインダー FLASH、エキスパンド FLASHと もに、すべてを覆うように設置することを推奨いたします。 各種ボタンの設置について 音声、リロードボタンなどを設置する場合は、クリックタグの上になるように配置してください。 著作権物の扱い FLASH 原稿に著作権物を含む場合は、アドミッション入稿をお願い致します。また、セキュアスクリプトを必ず使用してください。(セキュアスクリプトについては 11 ページ目をご参照ください。) ファイル名 ファイル名は半角英数字とアンダーバーのみをご使用ください 。(スペース含め左記以外のものは使用不可となります。) その他 音声はデフォルト「OFF」が規定となります。
10.マストヘッド&サイドパネル(Flash)
■デフォルトバナーの制作について
スクリプト
スクリプトの説明
1フレーム目
EBBase.Init();
Sizmek Workshop機能を使用するためのスクリプト
リンク先URLの指定
EBBase.Clickthrough("default_click");
デフォルトバナーがクリックされた場合にリンク遷移し、
クリック数をカウントするためのスクリプト
左右パネル表示
EBPanel.ExpandPanel("right","Auto");
EBPanel.ExpandPanel("left","Auto");
EBPanel.ExpandPanel("header","Auto");
左右上、各パネルを呼び出すスクリプト
ヘッダーの記述サンプル
1フレーム目の記述
リンク先URLの指定
左右上パネル表示
■マストヘッドの制作について
スクリプト
スクリプトの説明
1フレーム目
EBBase.Init();
Sizmek Workshop機能を使用するためのスクリプト
リンク先URLの指定
EBBase.Clickthrough("header_click");
マストヘッドがクリックされた場合にリンク遷移し、
クリック数をカウントするためのスクリプト
ヘッダーパネルの記述サンプル
1フレーム目の記述
リンク先URLの指定
10.マストヘッド&サイドパネル(Flash)
■レフトパネルの制作について
スクリプト
スクリプトの説明
1フレーム目
EBBase.Init();
Sizmek Workshop機能を使用するためのスクリプト
リンク先URLの指定
EBBase.Clickthrough("left_click");
レフトパネルがクリックされた場合にリンク遷移し、
クリック数をカウントするためのスクリプト
ヘッダーの記述サンプル
■ライトパネルの制作について
スクリプト
スクリプトの説明
1フレーム目
EBBase.Init();
Sizmek Workshop機能を使用するためのスクリプト
リンク先URLの指定
EBBase.Clickthrough("right_click");
ライトパネルがクリックされた場合にリンク遷移し、
クリック数をカウントするためのスクリプト
ヘッダーの記述サンプル
10.マストヘッド&サイドパネル(Flash)
■著作権保護が必要な場合
全フレームを覆うように下記のセキュアスクリプトを記述してください
Stage.showMenu = false;
var l = _url;
var ar = new Array();
for (var i = 0; i<l.length; i++) {
if (l.charAt(i) == "/") {
ar.push(i);
}
}
str = l.substr(ar[1]+1, ar[2]-ar[1]-1);
if (str.indexOf("serving-sys.com") != -1 || str.indexOf("eyeblasterwiz.com") != -1 ||
str.indexOf("admission.jp") != -1) {
} else {
var snd = new Sound();
snd.setVolume(0);
stop();
}
著作権物の保護の目的でFLASH原稿に著作権物を含む場合のみご設定ください
この記述によりローカル環境におけるSWFファイルが再生されなくなります
11.BIGパネルムービー&ボトムバナー
■原稿規定
ファイル形式 容量 サイズ [pix] 補足 ①BIGパネル ※上段のみ動画配信、下段は静止 画となります。 gif/png/jpg 80KB 640×300 ※1 バナー部分(表示サイズ320×150)すべてが、ビデオ配信(ループ配信)となります。 また、リンク先はブランドサイトへ直接リンクとなります。 ※ランディングページを設定せず、タップ後、ムービープレイヤーを立ち上げられたい場 合、別途お問い合わせください。 ①ムービーファイル (音声設定不可) MP4 5MB 1280×720 ※入稿いただく動画素材(15秒以内)をループ配信します。 ※動画は音声の設定が不可になります。無音声動画をご入稿ください。 ※動画仕様については、以下を参考としてください。 ムービー秒数 : 15秒以内 ビデオコーデック:MP4 ビデオ解像度:1280x720px 以下 ビデオフレームレート:30[fps] 総ビットレート:716[kbps] オーディオコーデック:Mp3,Mp4■仕様/入稿原稿
■注意事項
※ 掲載開始日、その他の掲載可否等は媒体規定に準じます。 ※ 「同時掲載本数」は1本、配信中の「原稿差替」は不可となります。 BIGパネルムービーおよびボトム バナーは、タップするとLPへ直接 リンクします。LP
ブランド
サイト
■原稿規定
ファイル形式 容量 サイズ [pix] 補足 ①インタースティシャル Gif/PNG/JPEG 300KB 640×752 ※1 インタースティシャル内に、600x338px (16:9) または、600x450px (4:3)の動画再生領域を 設定してください。設定された動画再生領域内に、ティザービデオを配置します。 (②のムービーファイルの縦横比によって、配置領域のサイズを設定してください。) その他リンクボタン等の設定が可能です。ボタンイメージを画像内に設定してください。 タップ領域としてリンクをはります。 ②ムービーファイル MP4 5MB 1080x720px以下 サイズは、ネイティブプレイヤー(秒数制限なし※15秒推奨)の仕様により、 自動的にリサイズされます。 ※2)動画仕様については、以下を参考としてください。 ビデオコーデック:MP4 ビデオ解像度:1080x720px 以下 ビデオフレームレート:30[fps] 総ビットレート:716[kbps] オーディオコーデック:Mp3,Mp4③TOP BIGパネル(上下共通) Gif/JPEG 80KB 640×300 ④ボトムバナー Gif/JPEG 30KB 320×50 ※1) Retina対応のため、実際の表示サイズは画面サイズによって異なります。 インタースティシャル内には、 アニメーションを別途作成し設定します。 入稿いただいた動画から、 ムービーを切り出しティザー画像として配信します。 入稿いただく素材の中から、 切り出したい部分をご指定ください。(15秒以内) タップボタンを設置、 リンクする事も可能です。 動画再生時のサイズ、プレー ヤーのデザイン、音声の ON/OFFはネイティブプレー ヤーの仕様によります。
■仕様/入稿原稿
■注意事項
ビデオ配置部分に、 ティザービデオを配置します。 ※ビデオは音声OFF ※ 「CLOSE」ボタンは、第三者配信サーバー側で用意しているボタンを使用しますので、入稿原稿内で制作の必要はありません。 ※ 「同時掲載本数」は1本、配信中の「原稿差替」は不可。13.エキスパンド&ギャラリー&ボトムバナー
■原稿規定
ファイル形式 容量 サイズ [pix] 補足 ①ボトムバナー Gif/png/JPEG 50KB 640×100 ※1 バナーをタップするとエキスパンドすることが分かるよう、 デザインすることを推奨します。 ②エキスパンドパネル Gif/png/JPEG 300KB 640×832 ※1 パネル内にギャラリーとギャラリーナビゲーターの配置位置を設定してください。 Crisp側で、ギャラリーとナビゲーターを配置します。※2 ③ギャラリーパネル Gif/png/JPEG ※3 (推奨1パネル: 任意 ※2 300×300×ページ枚数) ギャラリー表示したい複数のパネルを、ひとつなぎの画像として作成してください。 たとえば、300x300サイズのパネルを5ページ表示したい場合は、300x300の画像 5枚を隙間なく横に並べ、300x1500サイズの1枚の画像として入稿してください。 ④ギャラリーナビゲーター Gif/png/JPEG ※3 任意 ※2 ギャラリーの縮小イメージを、ひとつなぎの画像として入稿してください。 ⑤TOP BIGパネル(上下共通) Gif/JPEG 80KB 640×300※1) Retina対応のため、実際の表示サイズは画面サイズによって異なります。 ※2) ギャラリーサイズとナビゲーターは各パネルの大きさに合わせて、任意のサイズを配置してください。 ※3) 全パネル合計500KB以内となるように設定してください。
■仕様/入稿原稿
■注意事項
※ 「CLOSE」ボタンは、第三者配信サーバー側で用意しているイメージを使用しますので、入稿原稿内で制作する必要はありません。 ※ 掲載開始日、その他の掲載可否等は媒体規定に準じます。 ※ 「同時掲載本数」は1本、配信中の「原稿差替」は不可となります。 ※ 「クリッカブル領域」を広告全面に展開することは禁止。①
①バナーは、タップするとエ キスパンドする旨、明記する ことを推奨します。 × 詳細を見る②
パネル1④
③
③ギャラリーパネルをフリックすると、 ページがスライドすることが分かりやすい デザインを推奨します。 ④ギャラリーナビゲーターには、数値等を 記入すると、ナビゲーターであることが分 かりやすいです。■原稿規定
ファイル形式 容量 サイズ [pix] 補足
①ボトムバナー Gif/png/JPEG 50KB 640×100 ※1 バナーをタップするとエキスパンドすることが分かるよう、 デザインすることを推奨します。 ②エキスパンドパネル Gif/png/JPEG 300KB 640×832 ※1
③TOP BIGパネル(上下共通) Gif/JPEG 80KB 640×300
※1) Retina対応のため、実際の表示サイズは画面サイズによって異なります。