静止画/FLASH 広告仕様書

Transcription

1 原稿規定 広告制作仕様書 期からの主な変更点 HTML5の原稿規定を追加 Smartphoneメニューの原稿規定を追加 インタースティシャルムービー BIGパネル ボトムバナー ボトムバナー入稿サ イズ 容量を変更 Sizmekのサポート環境を更新 Ver1.3

2 INDEX 1. 純 広 バナースペック / 入 稿 スケジュール P.2 2. スーパーバナー&レクタングル(FLASH) P.4 3. スーパーバナー&レクタングル(HTML5) P.6 4. マウスオンエキスパンド(Flash)80KB 以 内 P マウスオンエキスパンド (Flash)81KB 以 上 2MB 以 内 P マウスオンエキスパンド(HTML5) P プッシュダウンバナー(Flash) P プッシュダウンバナー(HTML5) P バックグラウンド P マストヘッド&サイドパネル(Flash) P BIGパネルムービー&ボトムバナー P インタースティシャルムービー&BIGパネル&ボトムバナー P エキスパンド&ギャラリー&ボトムバナー P エキスパンド&BIGパネル&ボトムバナー P オプトインメール P.60 Sizmek Workshop(Sizmek Ad Builder)のインストールについて P.63 1

3 1. 純 広 バナースペック/ 入 稿 スケジュール PC バナー スーパーバナー メニュー 名 サイズ 左 右 天 地 (pixels) ループ or お 申 込 みサイズで 制 作 してください 無 限 可 同 時 掲 載 バ ナー 数 1 本 ファイル 形 式 容 量 入 稿 締 め 切 り 詳 細 gif or jpg 80KB 以 内 5 営 業 日 前 swf 80KB 以 内 7 営 業 日 前 P.4~ HTML5-15 営 業 日 前 P.6~ gif or jpg 80KB 以 内 5 営 業 日 前 レクタングル or or お 申 込 みサイズで 制 作 してください 無 限 可 1 本 swf ELLE ONLINE:2MB 以 内 ELLE girl:80kb 以 内 7 営 業 日 前 P.4~ HTML5-15 営 業 日 前 P.6~ マウスオンエキスパンド エキスパンド 時 : or or リマインダー: or or お 申 込 みサイズで 制 作 してください 無 限 可 1 本 swf エキスパンド 時 :2MB 以 内 リマインダー:100KB 以 内 10 営 業 日 前 P.11~ P.16~ HTML5-15 営 業 日 前 P.22~ プッシュダウン プッシュダウン 時 : リマインダー: バックグラウンド マストヘッド&サイドパネル マストヘッド: レフトパネル: ライトパネル: 無 限 可 アニメー ション 不 可 ループ 不 可 1 本 swf 1 本 png & psd 1 本 swf プッシュダウン 時 :2MB 以 内 リマインダー:100KB 以 内 10 営 業 日 前 P.27~ HTML5-15 営 業 日 前 P.34~ TOPページ:300KB 以 内 中 面 ページ:200KB 以 内 マストヘッド:1.8MB 以 内 レフトパネル:100KB 以 内 ライトパネル:100KB 以 内 10 営 業 日 前 P.42~ 10 営 業 日 前 P.44~ ユーザーの 環 境 に 著 しく 負 担 が 発 生 する 場 合 修 正 をお 願 いする 可 能 性 があります 掲 載 開 始 後 の 原 稿 リンク 先 差 し 替 えは 原 則 不 可 同 時 入 稿 1 週 間 単 位 ( 月 曜 日 更 新 )での 差 し 替 えは 可 能 です クリエイティブ 背 景 が 白 の 場 合 サイトの 背 景 と 同 化 するため 枠 線 をバナーの 周 囲 に 枠 線 を 引 いてください サイズ 容 量 により 料 金 が 異 なる 場 合 があります 料 金 については 各 詳 細 ページをご 参 照 ください ELLE girlはアニメーションgifは 不 可 となります 2

4 1. 純 広 バナースペック/ 入 稿 スケジュール Smartphone バナー メニュー 名 入 稿 サイズ ループ 同 時 掲 載 バナー 数 ファイル 形 式 容 量 入 稿 締 め 切 り 詳 細 BIGパネル(BIGパネルワイド)& ボトムバナー or お 申 込 みサイズで 制 作 してください アニメーション 不 可 各 1 本 gif or jpg 80KB 以 内 アニメーション 不 可 30KB 以 内 5 営 業 日 前 無 限 可 MP4 5MB 以 内 BIGパネル(BIGパネルワイド)ムービー& ボトムバナー or お 申 込 みサイズで 制 作 してください アニメーション 不 可 各 1 本 gif or jpg 80KB 以 内 アニメーション 不 可 30KB 以 内 10 営 業 日 前 P アニメーション 不 可 50KB 以 内 インタースティシャル & BIGパネル & ボトムバナー アニメーション 不 可 各 1 本 gif or jpg 30KB 以 内 アニメーション 不 可 80KB 以 内 10 営 業 日 前 アニメーション 不 可 300KB 以 内 エキスパンド & BIGパネル & ボトムバナー インタースティシャル ムービー & BIGパネル & ボトムバナー アニメーション 不 可 各 1 本 gif or jpg 80KB 以 内 アニメーション 不 可 50KB 以 内 以 下 アニメーション 不 可 各 1 本 300KB 以 内 アニメーション 不 可 gif or jpg 80KB 以 内 mp4 5MB 以 内 15 秒 以 内 アニメーション 不 可 30KB 以 内 10 営 業 日 前 P 営 業 日 前 P gif or jpg or png 300KB 以 内 エキスパンドギャラリー&BIGパネル&ボトムバナー ギャラリーパネル&ナビゲーター gif or jpg or 全 パネル - サイズ 任 意 各 1 本 png 500KB 以 内 アニメーション 不 可 gif or jpg 80KB 以 内 10 営 業 日 前 P アニメーション 不 可 gif or jpg or png 50KB 以 内 ボトムバナー アニメーション 不 可 1 本 gif or jpg 30KB 以 内 5 営 業 日 前 ユーザーの 環 境 に 著 しく 負 担 が 発 生 する 場 合 修 正 をお 願 いする 可 能 性 があります 掲 載 開 始 後 の 原 稿 リンク 先 差 し 替 えは 原 則 不 可 同 時 入 稿 1 週 間 単 位 ( 月 曜 日 更 新 )での 差 し 替 えは 可 能 です クリエイティブ 背 景 が 白 の 場 合 サイトの 背 景 と 同 化 するため 枠 線 をバナーの 周 囲 に 枠 線 を 引 いてください 3

5 スーパーバナー&レクタングル(Flash) 2MB 以 内 原 稿 規 定 4

6 2.スーパーバナー レクタングルバナー Flash 2MB以内 ファイル形式 1 用途.gif or.jpg サイズ 容量 ループ 秒数 FLASHが表示できない環境の場合の代替画像 or 300x415 or 300x600 レクタングルバナー or 980x90 スーパーバナー お申込みサイズで制作してください 80KB以下 無限ループ可 任意 or 300x415 or 300x600 レクタングルバナー or 980x90 スーパーバナー お申込みサイズで制作してください 2MB以下 無限ループ可 任意 入稿ファイル 入稿ファイルの バージョン クリック時の リンク設定 フレームについて その他の注意点 2.swf FLASHムービーバナー 3.fla 設定確認用 4.html 表示確認用 5.txt リンク先URL記載用 入稿メール本文中に記載でも可.fla ファイル FLASH CS6以下.swfファイル FlashPlayer10以上 ActionScript ActionScript 2.0 ActionScript on (release) { if ((clicktag.substr(0, 5) == " or (clicktag.substr(0, 6) == " { geturl(clicktag, "_blank"); } } 設定箇所 ボタンシンボル 第1フレーム FLASHムービーの第1フレームには ActionScriptを記述せず空のフレームを設けて下さい ActionScriptやアニメーションは 第2フレーム以降へ記述下さい 空でない場合 広告のダウンロードが終わる前に再生される恐れがあります フレームレート 12 18FPS以下 クリエイティブ全てを覆うサイズでボタンシンボルを作成ください FLASHムービー内は ムービーの入れ子にせずメインのタイムラインに配置して下さい 一つのムービー内に複数のムービーを作成するような形式は 広告配信不具合の原因になりますので禁止となります テキストはアウトライン化して下さい 音声はデフォルトOFFにして下さい 個人情報の収集は不可です 外部へデータ送信する仕様は不可です その他のActionScriptを使用する場合は 何を使用しているのかご説明ください 内容が掲載規定に合わない場合には プログラムの変更を依頼することがあります 他の枠との連動させるバナーや エキスパンドバナーの場合は 外部データを参照するスクリプトは禁止です 第三者配信となり 規定が異なりますのでご注意ください Z-indexの値を9999に設定してください 5

7 スーパーバナー&レクタングルバナー(HMTL5) 原 稿 規 定 6

8 3.スーパーバナー レクタングルバナー HTML5 概要 HTML5リッチバナーは サイズミックのプラットフォームで利用できるポライトバナーフォーマットにて広告配信をコントロールします なお 下記キャプチャーはレクタングル 300ｘ600 の例になります 全体のイメージについて レクタングル 7

9 3.スーパーバナー/レクタングルバナー(HTML5) 以 下 のファイルをご 用 意 ください 別 途 ご 提 供 するテンプレートファイルを 元 にご 制 作 をお 願 いいたします 制 作 する 過 程 に 於 いて 下 記 フォルダ 構 成 を 維 持 する 必 要 がございます また ZIPファイルに 圧 縮 した 状 態 でHTML5 原 稿 を 入 稿 していただく 必 要 がございますのでご 留 意 ください テンプレートファイル 構 成 ファイル 名 備 考 1 HTML index.html 2 Styles styles/style.css scripts/script.js 3 Scripts scripts/ebloader.js 4 Images images/backup.jpg 広 告 配 信 表 示 に 利 用 される 基 本 ファイルになります この 中 でクリエイティブをデザインしてください * 必 須 ファイルになります クリエイティブをデザインする 際 に 利 用 するスタイルシートになります *Styles フォルダの 中 に 含 める 必 須 ファイルになります サイズミック 配 信 を 制 御 するSizmek HTML5 API 設 定 ファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります サイズミック 配 信 を 制 御 するシステムファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります *ファイル 内 容 は 編 集 不 可 となります 下 記 環 境 時 に 表 示 される 代 替 イメージファイル -HTML5 表 示 できない 際 (サポート 外 など) *Images フォルダの 中 に 含 める 必 須 ファイルになります * 最 大 容 量 :100KB 以 内 サポート 環 境 は 以 下 となります OS Windows 10 ブラウザ Microsoft Edge Browser Windows Vista, Windows 7, Windows 8 Internet Explorer 10 + Firefox 18 + Google Chrome 26+ Mac / OS X 10.5, 10.6, 10.7, 10.8, 10.9, Google Chrome Safari 6.0+ Firefox

10 3.スーパーバナー レクタングルバナー HTML5 テンプレートファイル利用について HTML5バナーを制御するプログラムはテンプレートファイルに含まれており デザイン領域以外の記述変更は避けたうえでクリエイティブ制作する必要がご ざいます なお クリエイティブをデザインする際には index.html や style.css ファイル内の記述を必要に応じて変更してください テンプレートに含まれる原稿サイズやファイル名などを変更する際には index.html や style.css ファイル内の記述を変更することを忘れないように留意ください テンプレートのレイアウトやデザインを変更する際には index.html や style.css ファイル内の記述を変更してください なお 下記のプロパティは index.html ファイル内に含まれる内容になります プロパティ名 備考 ad 広告全体を定義している<DIV>タグになります *編集不可 banner １ バナーを定義している<DIV>タグになります *編集不可 *次ページを参照ください <div id="banner"> 下記ファンクションは scripts/script.js ファイル内に含まれる内容になります ファンクション名 備考 initeb 広告表示を開始させる前に必要な初期設定になります *必須 startad 広告表示を開始させる記述になります *必須 clickthrough リンク先URLの遷移を制御する記述になります *広告クリックした際は呼び出す必要があります Sizmek HTML5 API 詳細は 下記URLを別途ご査収ください 9

11 3.スーパーバナー レクタングルバナー HTML5 index.htmlについて *編集不可な記述になります １ *前ページを参照ください 10

12 マウスオンエキスパンド(Flash)80KB 以 内 原 稿 規 定 11

13 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 ファイル.swfファイル FLASH CS6 以 下 FlashPlayer8 以 上 10 以 下 ActionScript ActionScript 2.0 クリック 時 のリンク 設 定 ActionScript on (release) { if ((clicktag.substr(0, 5) == " or (clicktag.substr(0, 6) == " { 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をご 覧 ください 12

14 4.マウスオンエキスパンド(Flash) 80KB以内 1)エキスパンド OPEN の動作について エキスパンド前画面 1.マウスオフの状態 FLASHムービーのデフォルトのフレーム 通常は2フレーム目 代替GIFと同じクリエイティブ が表示され静止状態 エキスパンド FLASH 静止状態 マウスオン レクタングルエリア W300 H415 にマウスオンすると さらに FLASHムービーが動作し エキスパンド開始 エキスパンド画面 3. エキスパンド画面 W300px W954pxにエキスパンドしたFLASHムービーの中で アニメーションが再生される FLASH JSの呼び出しについて エキスパンド開始時に下記を追加し ex.on(rollover)関数内 JS関数を呼び出してください geturl("javascript:adv_exp_expand();"); お申込みサイズが の場合は / で制作してください 13

15 4.マウスオンエキスパンド(Flash) 80KB以内 2)エキスパンド CLOSE の動作について エキスパンド画面 1. エキスパンドしたFLASHムービー W954 H415 が表示されている 2. エキスパンドエリアからマウスオフされる 青い線で囲ったエキスパンドエリアからマウスがはずれると エキ スパンドしていたFLASHムービーが収束する FLASH JSの呼び出しについて エキスパンド収束後に下記を追加し JS関数を呼び出してください geturl("javascript:adv_exp_retract();"); 収束画面 マウスオフで収縮するため CLOSE ボタンは設置しないでください 収束 FLASH 静止状態 3. 収束後 FLASHムービーが 完全に収束し W300 H415 のサイズへ戻る 最終的には デフォルトのフレーム 通常は2フレーム目 代替GIF と同じクリエイティブ が表示された状態へ戻り静止 お申込みサイズが の場合は / で制作してください 14

16 4.マウスオンエキスパンド(Flash) 80KB以内 3)クリッカブルエリアについて マウス オン エキスパンド広告のクリッカブルエリアは 青色の線で囲った 広告エリア内になります エキスパンドビジュアルが表示されている場合も同様です エキスパンド画面 デフォルト画面 クリッカブル エリア クリッカブル エリア )レポートについて マウス オン エキスパンド広告では エキスパンドされた回数のレポートはサポートしていません 予めご了承ください 15

17 マウスオンエキスパンド (Flash)81KB 以 上 2MB 以 内 16

18 5.マウスオンエキスパンドバナー(Flash) 81KB以上2MB以内 全体の動作について ①ページにアクセスすると リマインダーが表示されます リマインダー ②リマインダーにマウスオンすると エキスパンドが展開します エキスパンドエリアからマウスオフで収束します エキスパンド 17

19 5.マウスオンエキスパンドバナー(Flash) 81KB以上2MB以内 以下の5点のファイルをご用意ください 入稿素材 ファイル形式 バージョン 容量 1 サイズ 備考 ① リマインダー FLASH SWF SWF FlashPlayer10 以上 100KBまで or 300x600 ② リマインダー FLASH FLA FLA CS6以下 or 300x600 ③ エキスパンド FLASH SWF SWF FlashPlayer10 以上 2MBまで or 954x600 リマインダー FLASH の上に重なって表示されます ④ エキスパンド FLASH FLA FLA CS6以下 or 954x600 ⑤ 代替 GIF GIF GIF 100KBまで or 300x600 1 容量につきましては基本的には媒体社規定に準拠しますが Sizmekの広告配信サーバーに於ける容量制限により ① リマインダー FLASH SWF および ⑤ 代替 GIF は最大容量 100KB を超えるものは利用できませんのでご留意くださいませ 2 リマインダーとエキスパンドの縦サイズは同サイズにてご入稿ください ブラウザ/OSの表示サポート環境 推奨 OS Windows Windows XP Windows Vista Windows 7 Windows 8 バージョン Internet Explorer 10以上 Firefox 10 以上 Google Chrome プラグイン Flash Player 10 以上 ブラウザ Javascriptが 有効 であること 設定 ActiveXコントロールが 有効 であること Cookieをブロックしていないこと OS Mac OS X バージョン Safari5.0以降 プラグイン Flash Player 10 以上 ブラウザ Javascriptが 有効 であること 設定 ActiveXコントロールが 有効 であること Cookieをブロックしていないこと 上記環境においてもユーザー環境や回線状況により Flash が広告が表示されず代替 GIF が表示される場合がございます 上記環境以外でも 表示 動作確認の上 問題ないと判断された環境ではリッチ広告を表示する場合があります 事前にご確認ください 完全透過部分があるクリエイティブに関しましては 配信できないブラウザがありますので 使用しないようにお願い致します 18

20 5.マウスオンエキスパンドバナー(Flash) 81KB 以 上 2MB 以 内 詳 細 については 以 下 をご 参 照 ください Action Script について 制 作 支 援 ツールの 使 用 について 第 1 フレーム 目 について AS2.0 で 記 述 してください MediaMind の 制 作 支 援 ツール Workshop がインストールされた 環 境 でパブリッシュしてください (インストール 方 法 は 別 紙 をご 覧 くださいませ ) Sizmek 指 定 のスクリプト EBBase.Init(); を 記 述 してください ( 下 図 参 照 ) その 他 のアクションスクリプトやオブジェクトは 入 れないでください 1 フレーム 毎 の 容 量 制 限 第 2 フレーム 目 以 降 の 1 フレーム 毎 に 於 けるファイル 容 量 は 30KB 以 内 にしてください アニメーションの 負 荷 率 の 軽 減 フレームレート スクリプトの 禁 止 事 項 背 景 色 フォント クリックタグ 著 作 権 物 の 扱 い ファイル 名 その 他 ユーザーの PC に 対 して 極 度 に 負 荷 をかける 原 稿 の 作 成 は 避 けてください SWF 単 体 で 40% 以 上 の CPU 負 荷 が 2 秒 以 上 の 継 続 不 可 フレームレートは12fps ~ 18fps 以 下 低 スペックの PC 環 境 にも 負 荷 が 掛 からないようにしてください 右 記 の 処 理 を 行 うアクションスクリプトの 使 用 は 禁 止 1: 外 部 ファイルの 読 み 込 み 処 理 2: 外 部 サーバーとの 通 信 処 理 3: geturl の 使 用 背 景 色 は 広 告 配 信 時 に 無 効 になりますので FLA ファイル 内 にて 背 景 色 のレイヤーを 用 意 してください ドキュメントプロパティにて 背 景 色 を 指 定 しても 広 告 配 信 には 反 映 されません テキストはアウトライン 化 ( 分 解 して シンボルに 変 換 )してください リマインダー FLASH エキスパンド FLASHと もに すべてを 覆 うように 設 置 することを 推 奨 いたします FLASH 原 稿 に 著 作 権 物 を 含 む 場 合 は アドミッション 入 稿 をお 願 い 致 します また セキュアスクリプトを 必 ず 使 用 してください (セキュアスクリプトについては 7 ページ 目 をご 参 照 ください ) ファイル 名 は 半 角 英 数 字 とアンダーバーのみをご 使 用 ください (スペース 含 め 左 記 以 外 のものは 使 用 不 可 となります ) 音 声 デフォルト OFF が 規 定 となります FLASH でのリンク 設 定 について 1 フレーム 目 の 記 述 について 完 全 透 過 について 完 全 透 過 を 含 む 箇 所 がある クリティブの 作 成 は 禁 止 しております アクションスクリプトの 記 述 EBBase.Clickthrough(); アクションスクリプトの 記 述 EBBase.Init(); 19

21 5.マウスオンエキスパンドバナー(Flash) 81KB以上2MB以内 エキスパンドバナーの動きについて エキスパンド 拡大 する動きについては リマインダー FLASH の上にエキスパンド FLASH が重なって表示されます リマインダー FLASH 内にエキスパンド 拡大 する旨のメッセージを入れることを強く推奨します 参考 メッセージの有無によりユーザーによるエキスパンド展開率が場合によって約 2 10 倍以上の差があります リマインダー Flash エキスパンド Flash リマインダー Flash リマインダー FLASH とエキスパンド FLASH の原稿間に於ける表現連携 コンポジット は 通常では制御できませんのでご了承くださいませ エキスパンド 拡大 の動きを制御する方法ついて ①リマインダー FLASH からオンマウスで エキスパンド FLASH を開く下記アクションスクリプトを記述してください ②エキスパンドエリアからマウスオフした際に バナーが収縮します アドサーバー側で設定します リマインダー FLASH 内のスクリプト記述例 EBPanel.ExpandPanel("Panel1"); 上記のスクリプトは エキスパンド FLASH を Panel1 と定義しております 上記のスクリプトは リマインダー FLASH とエキスパンド FLASH の動作を踏まえて 最適な場所に必ず挿入してください 20

22 5.マウスオンエキスパンドバナー(Flash) 81KB 以 上 2MB 以 内 セキュアスクリプトの 設 定 について( 著 作 権 物 の 保 護 ) 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(); 21

23 マウスオンエキスパンド(HTML5) 原 稿 規 定 22

24 6.マウスオンエキスパンド HTML5 概要 HTML5オンマウスエキスパンドは シングルエキスパンドフォーマットを利用した広告展開になります また 下記キャプチャーはエキスパンド収縮時と拡大時の展開例になります なお 300x600(300x415)のクリエイティブ領域にユーザーがマウスオンした際に 954x600(954x415)パネルが表示されて 954x600(954x415)パネルからマウスオフした際にはエキスパンドパネルは収縮する挙動になります 全体の動作について ①ページにアクセスすると リマインダーが表示されます リマインダー ②リマインダーにマウスオンすると エキスパンドが展開します エキスパンドエリアからマウスオフで収束します エキスパンド 23

25 6.マウスオンエキスパンド(HTML5) 以 下 のファイルをご 用 意 ください 別 途 ご 提 供 するテンプレートファイルを 元 にご 制 作 をお 願 いいたします 制 作 する 過 程 に 於 いて 下 記 フォルダ 構 成 を 維 持 する 必 要 がございます また ZIPファイルに 圧 縮 した 状 態 でHTML5 原 稿 を 入 稿 していただく 必 要 がございますのでご 留 意 ください テンプレートファイル 構 成 ファイル 名 備 考 1 HTML index.html 2 Styles styles/style.css scripts/script.js 3 Scripts scripts/ebloader.js 4 Images images/backup.jpg 広 告 配 信 表 示 に 利 用 される 基 本 ファイルになります この 中 でクリエイティブをデザインしてください * 必 須 ファイルになります クリエイティブをデザインする 際 に 利 用 するスタイルシートになります *Styles フォルダの 中 に 含 める 必 須 ファイルになります サイズミック 配 信 を 制 御 するSizmek HTML5 API 設 定 ファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります サイズミック 配 信 を 制 御 するシステムファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります *ファイル 内 容 は 編 集 不 可 となります 下 記 環 境 時 に 表 示 される 代 替 イメージファイル -HTML5 表 示 できない 際 (サポート 外 など) *Images フォルダの 中 に 含 める 必 須 ファイルになります * 最 大 容 量 :100KB 以 内 サポート 環 境 は 以 下 となります OS Windows 10 ブラウザ Microsoft Edge Browser Windows Vista, Windows 7, Windows 8 Internet Explorer 10 + Firefox 18 + Google Chrome 26+ Mac / OS X 10.5, 10.6, 10.7, 10.8, 10.9, Google Chrome Safari 6.0+ Firefox

26 6.マウスオンエキスパンド HTML5 テンプレートファイル利用について HTML5マウスオンエキスパンドを制御するプログラムはテンプレートファイルに含まれており デザイン領域以外の記述変更は避けたうえでクリエイティブ 制作する必要がございます なお クリエイティブをデザインする際には index.html や style.css ファイル内の記述を必要に応じて変更してください テンプレートに含まれる原稿サイズやファイル名などを変更する際には index.html や style.css ファイル内の記述を変更することを忘れないように留意ください テンプレートのレイアウトやデザインを変更する際には index.html や style.css ファイル内の記述を変更してください なお 下記のプロパティは index.html ファイル内に含まれる内容になります プロパティ名 備考 ad 広告全体を定義している<DIV>タグになります *編集不可 banner １ panel エキスパンド前の300x600(300x415)領域を定義している<DIV>タグになります *編集不可 エキスパンド後の954x600(954x415)領域を定義している<DIV>タグになります *編集不可 *次ページを参照ください <div id="banner"> <div id="panel"> 下記ファンクションは scripts/script.js ファイル内に含まれる内容になります ファンクション名 備考 initeb 広告表示を開始させる前に必要な初期設定になります *必須 startad 広告表示を開始させる記述になります *必須 expand エキスパンドパネルを表示させる記述になります collapse エキスパンドパネルを収縮させる記述になります clickthrough リンク先URLの遷移を制御する記述になります *広告クリックした際は呼び出す必要があります Sizmek HTML5 API 詳細は 下記URLを別途ご査収ください 25

27 6.マウスオンエキスパンド HTML5 index.htmlについて *編集不可な記述になります １ *前ページを参照ください 26

28 プッシュダウンバナー(Flash) 原 稿 規 定 27

29 7.プッシュダウンバナー Flash 全体の動作について ①ページにアクセスすると 自動でプッシュダウンがコンテンツを押し下げて表示されます ②プッシュダウンはCLOSEボタン押下またはアニメーション終了後収束します ③2回目以降は リマインダーをClickすることで プッシュダウンが展開します リマインダー プッシュダウン CLOSE 音声はデフォルトOFF Closeボタンは必ずプッシュダウンパネルの 下部に設置ください 28

30 7.プッシュダウンバナー Flash ご入稿の場合は ファイルは以下の5点をご用意下さい 入稿素材 ファイル形式 バージョン 容量 1 サイズ ① リマインダーFLASH SWF SWF FlashPlayer10 以上 100KBまで 980ｘ90 ② リマインダーFLASH FLA FLA CS6以下 980ｘ90 ③ プッシュダウンFLASH SWF SWF FlashPlayer10 以上 2ＭＢまで 980ｘ450 ④ プッシュダウンFLASH FLA FLA CS6以下 980ｘ450 ⑤ 代替イメージ GIF GIF 100KBまで 980ｘ90 1 容量につきましては基本的には媒体社規定に準拠しますが sizmekの広告配信サーバーに於ける容量制限により ① リマインダーFLASH SWF および⑤代替GIFは最大容量100KBを超えるものは利用できませんのでご留意くださいませ 29

31 7.プッシュダウンバナー Flash ブラウザ/OSの表示サポート環境 推奨 は以下になります OS Windows ブラウザ Windows XP Windows Vista Windows 7 Windows 8 バージョン Internet Explorer 10以上 Firefox 10 以上 Google Chrome プラグイン Flash Player 10 以上 Javascriptが 有効 であること 設定 ActiveXコントロールが 有効 であること Cookieをブロックしていないこと OS Mac OS X バージョン Google Chrome Safari5.0以降 プラグイン Flash Player 10 以上 ブラウザ Javascriptが 有効 であること 設定 ActiveXコントロールが 有効 であること Cookieをブロックしていないこと 上記環境においてもユーザー環境や回線状況により Flash が広告が表示されず代替イメージが表示される場合がございます 上記環境以外でも 表示 動作確認の上 問題ないと判断された環境ではリッチ広告を表示する場合があります 事前にご確認ください 完全透過部分があるクリエイティブに関しましては 配信できないブラウザがありますので 使用しないようお願い致します 30

32 7.プッシュダウンバナー Flash Action Scriptについて 制作支援ツールの使用について 第1フレーム目について 1フレーム毎の容量制限 アニメーションの負荷率の軽減 フレームレート スクリプトの禁止事項 AS2.0で記述してください sizmekの制作支援ツール Workshop がインストールされた環境でパブリッシュしてください インストール方法は別紙をご覧くださいませ sizmek指定のスクリプト EBBase.Init(); を記述してください 下図参照 その他のアクションスクリプトやオブジェクトは入れないでください 第2フレーム目以降の1フレーム毎に於けるファイル容量は30KB以内にしてください ユーザーのPCに対して極度に負荷をかける原稿の作成は避けてください フレームレートの推奨値は12fps 18fpsとなります SWF単体で40%以上のCPU負荷が2秒以上の継続不可 低スペックのPC環境にも負荷が掛からないようにしてください 右記の処理を行うアクションスクリプトの使用は禁止 ① 外部ファイルの読み込み処理 ② 外部サーバーとの通信処理 ③ geturl の使用 背景色 背景色は広告配信時に無効になりますので FLAファイル内にて背景色のレイヤーを用意してください ドキュメントプロパティにて背景色を指定しても広告配信には反映されません フォント テキストはアウトライン化 分解 して シンボルに変換 してください クリックタグ リマインダーFLASH エキスパンドFLASHともに すべてを覆うように設置することを推奨いたします 各種ボタンの設置について 著作権物の扱い ファイル名 閉じるボタンなどを設置する場合は クリックタグの上になるように配置してください FLASH原稿に著作権物を含む場合は アドミッション入稿をお願い致します また セキュアスクリプトを必ず使用してください セキュアスクリプトについては7ページ目をご参照ください ファイル名は半角英数字とアンダーバーのみをご使用ください スペース含め左記以外のものは使用不可となります 音声はデフォルトOFFが規定となります その他 FLASHでのリンク設定について 1フレーム目の記述について 完全透過について 完全透過を含む箇所があるクリティブの作 成は禁止しております アクションスクリプトの記述 EBBase.Clickthrough(); アクションスクリプトの記述 EBBase.Init(); マルチリンク 複数リンク を設定する場合は別途ご相談ください 31

33 7.プッシュダウンバナー Flash プッシュダウンバナーの動きについて プッシュダウン 拡大 する動きについては リマインダーFLASHの下にプッシュダウンFLASHがコンテンツを押し下げながら拡大します リマインダーFLASH内にプッシュダウン 拡大 する旨のメッセージを入れることを強く推奨します 参考 メッセージの有無によりユーザーによるプッシュダウン展開率が場合によって約2 10倍以上の差があります 例 広告領域 リマインダーFLASH OPEN> 広告領域 リマインダーFLASH 広告領域 リマインダーFLASH 広告領域 プッシュダウンFLASH OPEN> CLOSE> リマインダーFLASHとプッシュダウンFLASHの原稿間に於ける表現連携 コンポジット は 通常では制御できませんのでご了承くださいませ プッシュダウン 拡大 の動きを制御する方法ついて ①リマインダーFLASHからクリックで プッシュダウンFLASHを開く 下記アクションスクリプトを記述してください ②閉じるボタンクリック時に プッシュダウンFLASHを閉じる 下記アクションスクリプトを記述してください リマインダーFLASH内のスクリプト記述例 プッシュダウンFLASH内のスクリプト記述例 EBPanel.ExpandPanel("Panel1"); EBPanel.CollapsePanel("panel1"); ③アニメーションが終わるタイミングで 下記アクションスクリプトを記述してください プッシュダウンFLASH内のスクリプト記述例 最終フレーム EBPanel.CollapsePanel("panel1"); 32

34 7.プッシュダウンバナー Flash セキュアスクリプトの設定について 著作権物の保護 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(); } 33

35 プッシュダウンバナー(HTML5) 原 稿 規 定 34

36 8.プッシュダウンバナー HTML5 概要 HTML5プッシュダウンは コンテンツを押し下げながら拡大するエキスパンドバナーの広告展開になります つまり エキスパンドした後もサイト側の コンテンツが見続けることができる展開になります また 下記キャプチャーはエキスパンド収縮時と拡大時の展開例になります なお ページ読み込み後 パネルは１ユーザーに対して 1日1回のみ自動的に表示されます また 自動エキスパンド拡大20秒後 もしくは クローズボタンをクリック後にはエキスパンドパネルは収縮する挙動になります 全体の動作について ①ページにアクセスすると 自動でプッシュダウンがコンテンツを押し下げて表示されます ②プッシュダウンはCLOSEボタン押下またはアニメーション終了後収束します ③2回目以降は リマインダーをClickすることで プッシュダウンが展開します リマインダー プッシュダウン CLOSE 35

37 8.プッシュダウンバナー(HTML5) 以 下 のファイルをご 用 意 ください 別 途 ご 提 供 するテンプレートファイルを 元 にご 制 作 をお 願 いいたします 制 作 する 過 程 に 於 いて 下 記 フォルダ 構 成 を 維 持 する 必 要 がございます また ZIPファイルに 圧 縮 した 状 態 でHTML5 原 稿 を 入 稿 していただく 必 要 がございますのでご 留 意 ください テンプレートファイル 構 成 ファイル 名 備 考 1 HTML index.html 2 Styles styles/style.css 3 Scripts scripts/script.js scripts/ebloader.js scripts/html5_auto_expand_frequenc y_capping_v1.js scripts/pushdown_banner.js 広 告 配 信 表 示 に 利 用 される 基 本 ファイルになります この 中 でクリエイティブをデザインしてください * 必 須 ファイルになります クリエイティブをデザインする 際 に 利 用 するスタイルシートになります *Styles フォルダの 中 に 含 める 必 須 ファイルになります サイズミック 配 信 を 制 御 するSizmek HTML5 API 設 定 ファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります サイズミック 配 信 を 制 御 するシステムファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります *ファイル 内 容 は 編 集 不 可 となります 自 動 エキスパンドのフリーケンシーを 制 御 するシステムファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります *ファイル 内 容 は 編 集 不 可 となります プッシュダウンの 拡 大 および 収 縮 を 制 御 するシステムファイル *scripts フォルダの 中 に 含 める 必 須 ファイルになります *ファイル 内 容 は 編 集 不 可 となります 4 Images images/backup.jpg images/close_button.png 下 記 環 境 時 に 表 示 される 代 替 イメージファイル -HTML5 表 示 できない 際 (サポート 外 など) *Images フォルダの 中 に 含 める 必 須 ファイルになります * 最 大 容 量 :100KB 以 内 プッシュダウンパネル 内 のクローズボタンに 関 するイメージファイル *Images フォルダの 中 に 含 める 必 須 ファイルになります サポート 環 境 は 以 下 となります OS Windows 10 ブラウザ Microsoft Edge Browser Windows Vista, Windows 7, Windows 8 Internet Explorer 10 + Firefox 18 + Google Chrome 26+ Mac / OS X 10.5, 10.6, 10.7, 10.8, 10.9, Google Chrome Safari 6.0+ Firefox

38 8.プッシュダウンバナー HTML5 テンプレートファイル利用について HTML5マウスオンエキスパンドを制御するプログラムはテンプレートファイルに含まれており デザイン領域以外の記述変更は避けたうえでクリエイティブ 制作する必要がございます なお クリエイティブをデザインする際には index.html や style.css ファイル内の記述を必要に応じて変更してください テンプレートに含まれる原稿サイズやファイル名などを変更する際には index.html や style.css ファイル内の記述を変更することを忘れないように留意ください テンプレートのレイアウトやデザインを変更する際には index.html や style.css ファイル内の記述を変更してください なお 下記のプロパティは index.html ファイル内に含まれる内容になります プロパティ名 備考 ad 広告全体を定義している<DIV>タグになります *編集不可 panel banner １ エキスパンド前の980x450領域を定義している<DIV>タグになります *編集不可 エキスパンド後の980x90領域を定義している<DIV>タグになります *編集不可 *33ページを参照ください <div id= panel"> <div id= banner"> 37

39 8.プッシュダウンバナー HTML5 テンプレートファイル利用について 下記ファンクションは scripts/script.js ファイル内に含まれる内容になります ファンクション名 備考 pushdownsettings 初期設定 *必須 initeb 広告表示を開始させる前に必要な初期設定になります startad 広告表示を開始させる記述になります setupautoexpandfrequencycapping フリーケンシー制御に必要な記述になります *必須 expand エキスパンドパネルを表示させる記述になります switchtoexpandedgraphics エキスパンドパネル(980x450)の表示に切り替える記述になります collapse エキスパンドパネルを収縮させる記述になります *必須 *クローズボタンをクリックした際は呼び出す必要があります docollapsebehavior エキスパンドパネルを収縮させる記述になります switchtocollapsedgraphics 収縮後パネル(980x90)の表示に切り替える記述になります clickthrough リンク先URLの遷移を制御する記述になります *広告クリックした際は呼び出す必要があります collapse エキスパンドパネルを収縮させる記述になります *必須 *クローズボタンをクリックした際は呼び出す必要があります docollapsebehavior エキスパンドパネルを収縮させる記述になります *必須 *必須 *必須 *必須 *必須 *必須 Sizmek HTML5 API 詳細は 下記URLを別途ご査収ください 38

40 8.プッシュダウンバナー HTML5 index.htmlについて *編集不可な記述になります １ *31ページを参照ください 39

41 8.プッシュダウンバナー HTML5 scripts/script.jsについて *編集不可な記述になります 40

42 8.プッシュダウンバナー HTML5 scripts/script.jsについて 1日の自動エキスパンド 展開条件を定義 プッシュダウンのパネルが収縮 するまで時間 ミリ秒数を定義 *編集不可な記述になります 41

43 バックグラウンド 原 稿 規 定 42

44 9.バックグラウンド 1280px 149px 背景部分 ｘ 149px 220 px SPEC 入稿ファイル 1. pngファイル TOPページ 300KB以内 中面ページ 200KB以内 2. psdファイル 3. リンク先URL タグ入稿不可 入稿寸法 W1280 pixel ALTテキスト 不可 リンク先 設定可能 980px H4020 pixel以下 クリエイティブ露出箇所 右図の点線部分 クリエイティブの内 重要な部分は通常のブラウザで表示できる領域 W1250px H600px 内に収めてください こちらを超える領域はファーストビューに表示されない恐れがございます サイトの天地は可変のため 実際の掲載時期によって変動します ELLE ロゴまわり 変更不可 背景色指定 可能 4020 px 3800 px ご入稿 10営業日前 環境 モニター解像度 Ｗ1280 を想定 スーパーバナー レクタングルも併せてご入稿ください 素材については それぞれの原稿規定をご確認の上 ご入稿ください 43

45 マストヘッド&サイドパネル(Flash) 原 稿 規 定 44

46 10.マストヘッド サイドパネル Flash 入稿素材 ファイル 形式 バージョン ファイル 容量 サイズ ピクセル アニメーション/ループ 備考 ① マストヘッド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 アニメーション不可/ループ不可 ①に対する代替イ メージ １ ④ ⑤の各容量をSizmekに設定できる最大容量50KBまでとなります 容量が大きくなるため 料金については必ず事前に確認してください 45

47 10.マストヘッド サイドパネル Flash 1280px 149px メニュー概要と全体サイズ 980px 149px 220 px レフトパネル マストヘッド ライトパネル 4020 px マストヘッド部分で動画が再生されます コンテンツとサイドパネルの間に1px空きます 46

48 10.マストヘッド サイドパネル Flash 全体の動作について A B D C 1.タグからデフォルトバナー A をよびだし ます 動画を配信するマストヘッド部分は容量が大きく 読み込みが完了するまでに時間がかかる場合があるため デフォルトFLASHを用意します 2.デフォルトバナー A から マストヘッド B と レフト/ライトパネル C,D をよびだしま す マストヘッド内で動画が再生されます デフォルトバナーはネットワーク速度やPCの性能など ユーザ環境によりリッチバナーに切り替わるタイミングが 異なるため アニメーションの再生途中でリッチバナーに切り替わってしまうことがございます デフォルトバナーはリッチバナーが表示されるまでの間に一時的に表示されるクリエイティブですので デフォルトバナーの制作例 ローディング中の表示や リッチバナーで展開するアニメーションの始めのフレームの制止画像などに することを推奨します 47

49 10.マストヘッド&サイドパネル(Flash) ブラウザ/OSの 表 示 サポート 環 境 ( 推 奨 )は 以 下 になります OS Windows Vista Windows 7 Windows 8 バージョン Internet Explorer 8 Internet Explorer 9 Internet Explorer 10 Firefox 10 以 上 Google Chrome Windows ブラウザ プラグイン Flash Player 10 以 上 Javascriptが 有 効 であること 設 定 ActiveXコントロールが 有 効 であること Cookieをブロックしていないこと OS OS X バージョン Safari5.0 以 降 Mac ブラウザ プラグイン Flash Player 10 以 上 Javascriptが 有 効 であること 設 定 ActiveXコントロールが 有 効 であること Cookieをブロックしていないこと 上 記 環 境 においてもユーザー 環 境 や 回 線 状 況 により Flash が 広 告 が 表 示 されず 代 替 GIF が 表 示 される 場 合 がございます 上 記 環 境 以 外 でも 表 示 動 作 確 認 の 上 問 題 ないと 判 断 された 環 境 ではリッチ 広 告 を 表 示 する 場 合 があります ( 事 前 にご 確 認 ください ) 完 全 透 過 部 分 があるクリエイティブに 関 しましては 配 信 できないブラウザがありますので 使 用 しないようにお 願 い 致 します 48

50 10.マストヘッド&サイドパネル(Flash) 詳 細 については 以 下 をご 参 照 ください Action Script について 制 作 支 援 ツールの 使 用 について 第 1 フレーム 目 について AS2.0 で 記 述 してください Sizmek の 制 作 支 援 ツール Workshop がインストールされた 環 境 でパブリッシュしてください (インストール 方 法 はP.39 以 降 を ご 覧 くださいませ ) sizmek 指 定 のスクリプト EBBase.Init(); を 記 述 してください ( 下 図 参 照 ) その 他 のアクションスクリプトやオブジェクトは 入 れないでください 1 フレーム 毎 の 容 量 制 限 第 2 フレーム 目 以 降 の 1 フレーム 毎 に 於 けるファイル 容 量 は 30KB 以 内 にしてください アニメーションの 負 荷 率 の 軽 減 フレームレート スクリプトの 禁 止 事 項 背 景 色 フォント クリックタグ 各 種 ボタンの 設 置 について 著 作 権 物 の 扱 い ファイル 名 その 他 ユーザーの PC に 対 して 極 度 に 負 荷 をかける 原 稿 の 作 成 は 避 けてください SWF 単 体 で 40% 以 上 の CPU 負 荷 が 2 秒 以 上 の 継 続 不 可 フレームレートの 推 奨 値 は 12fps ~ 18fps となります 低 スペックの PC 環 境 にも 負 荷 が 掛 からないようにしてください 右 記 の 処 理 を 行 うアクションスクリプトの 使 用 は 禁 止 1: 外 部 ファイルの 読 み 込 み 処 理 2: 外 部 サーバーとの 通 信 処 理 3: geturl の 使 用 背 景 色 は 広 告 配 信 時 に 無 効 になりますので FLA ファイル 内 にて 背 景 色 のレイヤーを 用 意 してください ドキュメントプロパティにて 背 景 色 を 指 定 しても 広 告 配 信 には 反 映 されません テキストはアウトライン 化 ( 分 解 して シンボルに 変 換 )してください リマインダー FLASH エキスパンド FLASHと もに すべてを 覆 うように 設 置 することを 推 奨 いたします 音 声 リロードボタンなどを 設 置 する 場 合 は クリックタグの 上 になるように 配 置 してください FLASH 原 稿 に 著 作 権 物 を 含 む 場 合 は アドミッション 入 稿 をお 願 い 致 します また セキュアスクリプトを 必 ず 使 用 してください (セキュアスクリプトについては 11 ページ 目 をご 参 照 ください ) ファイル 名 は 半 角 英 数 字 とアンダーバーのみをご 使 用 ください (スペース 含 め 左 記 以 外 のものは 使 用 不 可 となります ) 音 声 はデフォルト OFF が 規 定 となります 完 全 透 過 について 完 全 透 過 を 含 む 箇 所 があるクリティブの 作 成 は 禁 止 しております 49

51 10.マストヘッド サイドパネル Flash デフォルトバナーの制作について 1フレーム目 リンク先URLの指定 スクリプト スクリプトの説明 EBBase.Init(); Sizmek Workshop機能を使用するためのスクリプト EBBase.Clickthrough("default_click"); デフォルトバナーがクリックされた場合にリンク遷移し クリック数をカウントするためのスクリプト EBPanel.ExpandPanel("right","Auto"); 左右パネル表示 EBPanel.ExpandPanel("left","Auto"); 左右上 各パネルを呼び出すスクリプト EBPanel.ExpandPanel("header","Auto"); ヘッダーの記述サンプル 1フレーム目の記述 リンク先URLの指定 左右上パネル表示 50

52 10.マストヘッド サイドパネル Flash マストヘッドの制作について 1フレーム目 リンク先URLの指定 スクリプト スクリプトの説明 EBBase.Init(); Sizmek Workshop機能を使用するためのスクリプト EBBase.Clickthrough("header_click"); マストヘッドがクリックされた場合にリンク遷移し クリック数をカウントするためのスクリプト ヘッダーパネルの記述サンプル 1フレーム目の記述 リンク先URLの指定 この中に動画を埋め込んで swfとして作成してください 51

53 10.マストヘッド サイドパネル Flash レフトパネルの制作について 1フレーム目 リンク先URLの指定 スクリプト スクリプトの説明 EBBase.Init(); Sizmek Workshop機能を使用するためのスクリプト EBBase.Clickthrough("left_click"); レフトパネルがクリックされた場合にリンク遷移し クリック数をカウントするためのスクリプト ヘッダーの記述サンプル 1フレーム目の記述 リンク先URLの指定 52

54 10.マストヘッド サイドパネル Flash ライトパネルの制作について 1フレーム目 リンク先URLの指定 スクリプト スクリプトの説明 EBBase.Init(); Sizmek Workshop機能を使用するためのスクリプト EBBase.Clickthrough("right_click"); ライトパネルがクリックされた場合にリンク遷移し クリック数をカウントするためのスクリプト ヘッダーの記述サンプル 1フレーム目の記述 リンク先URLの指定 53

55 10.マストヘッド サイドパネル Flash 著作権保護が必要な場合 著作権物の保護の目的でFLASH原稿に著作権物を含む場合のみご設定ください この記述によりローカル環境におけるSWFファイルが再生されなくなります 全フレームを覆うように下記のセキュアスクリプトを記述してください 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(); } 54

56 Smartphoneメニュー 原 稿 規 定 55

57 11.BIGパネルムービー ボトムバナー 原稿規定 LP ブランド サイト BIGパネルムービーおよびボトム バナーは タップするとLPへ直接 リンクします 仕様 入稿原稿 ファイル形式 ①BIGパネル 上段のみ動画配信 下段は静止 画となります gif png jpg 容量 80KB サイズ [pix] １ 補足 バナー部分 表示サイズ すべてが ビデオ配信(ループ配信)となります また リンク先はブランドサイトへ直接リンクとなります ランディングページを設定せず タップ後 ムービープレイヤーを立ち上げられたい場 合 別途お問い合わせください 入稿いただく動画素材(15秒以内)をループ配信します 動画は音声の設定が不可になります 無音声動画をご入稿ください ①ムービーファイル (音声設定不可) MP4 5MB 動画仕様については 以下を参考としてください ムービー秒数 15秒以内 ビデオコーデック MP4 ビデオ解像度 1280x720px 以下 ビデオフレームレート 30[fps] 総ビットレート 716[kbps] オーディオコーデック Mp3,Mp4 注意事項 掲載開始日 その他の掲載可否等は媒体規定に準じます 同時掲載本数 は１本 配信中の 原稿差替 は不可となります 56

58 12.インタースティシャルムービー&BIGパネル ボトムバナー 原稿規定 ビデオ配置部分に ティザービデオを配置します ビデオは音声OFF インタースティシャル内には アニメーションを別途作成し設定します 入稿いただいた動画から ムービーを切り出しティザー画像として配信します タップボタンを設置 リンクする事も可能です 入稿いただく素材の中から 切り出したい部分をご指定ください 15秒以内 動画再生時のサイズ プレー ヤーのデザイン 音声の ON/OFFはネイティブプレー ヤーの仕様によります 仕様 入稿原稿 ファイル形式 ①インタースティシャル Gif/PNG/JPEG 容量 300KB サイズ [pix] １ MP4 5MB 1080x720px以 下 ③TOP BIGパネル 上下共通 Gif/JPEG 80KB ④ボトムバナー Gif/JPEG 30KB ②ムービーファイル 補足 インタースティシャル内に 600x338px (16:9) または 600x450px (4:3)の動画再生領域を 設定してください 設定された動画再生領域内に ティザービデオを配置します ②のムービーファイルの縦横比によって 配置領域のサイズを設定してください その他リンクボタン等の設定が可能です ボタンイメージを画像内に設定してください タップ領域としてリンクをはります サイズは ネイティブプレイヤー(秒数制限なし 15秒推奨)の仕様により 自動的にリサイズされます 2 動画仕様については 以下を参考としてください ビデオコーデック MP4 ビデオ解像度 1080x720px 以下 ビデオフレームレート 30[fps] 総ビットレート 716[kbps] オーディオコーデック Mp3,Mp4 1 Retina対応のため 実際の表示サイズは画面サイズによって異なります 注意事項 CLOSE ボタンは 第三者配信サーバー側で用意しているボタンを使用しますので 入稿原稿内で制作の必要はありません 同時掲載本数 は１本 配信中の 原稿差替 は不可 クリッカブル領域 を広告全面に展開することは禁止 57

59 13.エキスパンド ギャラリー ボトムバナー 原稿規定 ② パネル1 ③ ③ギャラリーパネルをフリックすると ページがスライドすることが分かりやすい デザインを推奨します 詳細を見る ①バナーは タップするとエ キスパンドする旨 明記する ことを推奨します ④ ④ギャラリーナビゲーターには 数値等を 記入すると ナビゲーターであることが分 かりやすいです ① 仕様 入稿原稿 ファイル形式 容量 サイズ ①ボトムバナー Gif png JPEG 50KB １ バナーをタップするとエキスパンドすることが分かるよう デザインすることを推奨します ②エキスパンドパネル Gif png JPEG 300KB １ パネル内にギャラリーとギャラリーナビゲーターの配置位置を設定してください Crisp側で ギャラリーとナビゲーターを配置します ２ ③ギャラリーパネル Gif png JPEG 3 ④ギャラリーナビゲーター Gif png JPEG 3 Gif JPEG 80KB ⑤TOP BIGパネル(上下共通) 任意 2 (推奨1パネル ページ枚数) 任意 補足 [pix] 2 ギャラリー表示したい複数のパネルを ひとつなぎの画像として作成してください たとえば 300ｘ300サイズのパネルを5ページ表示したい場合は 300ｘ300の画像 5枚を隙間なく横に並べ 300ｘ1500サイズの1枚の画像として入稿してください ギャラリーの縮小イメージを ひとつなぎの画像として入稿してください ) Retina対応のため 実際の表示サイズは画面サイズによって異なります 2) ギャラリーサイズとナビゲーターは各パネルの大きさに合わせて 任意のサイズを配置してください 3) 全パネル合計500KB以内となるように設定してください 注意事項 CLOSE ボタンは 第三者配信サーバー側で用意しているイメージを使用しますので 入稿原稿内で制作する必要はありません 掲載開始日 その他の掲載可否等は媒体規定に準じます 同時掲載本数 は１本 配信中の 原稿差替 は不可となります クリッカブル領域 を広告全面に展開することは禁止 58

60 14. エキスパンド BIGパネル ボトムバナー 原稿規定 ②CLOSEボタンをタップで エキスパンドパネルが収縮 ② ①バナーは タップするとエ キスパンドする旨 明記する ことを推奨します ① 仕様 入稿原稿 ファイル形式 容量 サイズ ①ボトムバナー Gif png JPEG 50KB １ ②エキスパンドパネル Gif png JPEG 300KB １ Gif JPEG 80KB ③TOP BIGパネル(上下共通) [pix] 補足 バナーをタップするとエキスパンドすることが分かるよう デザインすることを推奨します ) Retina対応のため 実際の表示サイズは画面サイズによって異なります 注意事項 CLOSE ボタンは 第三者配信サーバー側で用意しているイメージを使用しますので 入稿原稿内で制作する必要はありません 掲載開始日 その他の掲載可否等は媒体規定に準じます 同時掲載本数 は１本 配信中の 原稿差替 は不可となります 59

61 オプトインメール 原 稿 規 定 60

62 オプトインメール(TEXT/HTML) メール メニュー名 種類 サイズ 入稿締め切り テキスト 件名 全角25文字以内 本文 全角38文字以内 50行程度 7営業日前 HTML 横幅600pix 固定 天地900pix以内 容量 合計200KB以内 10営業日前 オプトインメール 備考 機種依存文字の使用不可 編集部の校正あり 前後にエル オンラインの定型フォーマットを使用 リンク数は5箇所以内 HTMLの入稿規定詳細については 仕様書をご参照ください HTML MAIL AD SPACE 配信可能日 月曜日 金曜日 土 日 木 祝日は除く 1日1社限定 配信可能な場合がございますので営業担当宛にお問い合わせください 配信時間指定には対応して おりません 登録会員数 登録会員数 178,000通 入稿締切 10営業日前 備考 左記のサンプルメールのとおり ヘッダ フッタ ロゴ は指定の表記を入れさせていただ きます 件名２５文字以内の後に ELLE mail Special という文字を入れさせていただきます 業種 広告内容 特にオプトインのカテゴリーの不一致 などにより掲載をお受けしかねる場合が ございます 入稿後 ELLE本誌及びのELLE ONLINE編集規定により 文言の表記等修正が入る場合があります のでご了承ください 原稿は 配信より1ヶ月間サーバーに保存 その後は随時削除させていただきます 配信カテゴリー指定必須 ヘッダ フッタ ロゴ は変更になる可能性がございます 61

63 オプトインメール オプトインメールHTML 形 式 における 素 材 入 稿 の 注 意 事 項 ご 入 稿 素 材 スペック 1~3を 必 ずご 入 稿 ください 1 HTMLファイル ファイル 形 式 :HTML 静 止 画 像 のみ アニメーション 不 可 サイズ: 横 幅 600pixel( 固 定 ) 天 地 900pixel 以 内 容 量 : 合 計 200KB 以 内 ( 画 像 +テキスト) HTMLソースコード1 行 あたりの 文 字 数 :400byte 以 内 URLリンク 数 :5 箇 所 以 内 2 代 替 テキストファイル ファイル 形 式 :TEXT 文 字 数 :38 文 字 以 内 50 程 度 URLリンク 数 :5 箇 所 以 内 3 件 名 テキスト 文 字 数 :25 文 字 以 内 絵 文 字 不 可 メーラー 推 奨 環 境 Outlook Express / Gmail / Hotmail / Yahoo!メール Gmailなどブラウザで 閲 覧 するメールは サービス 提 供 会 社 が 予 告 なく 仕 様 変 更 した 場 合 表 示 が 崩 れる 可 能 性 がございま す 予 めご 了 承 ください HTML 形 式 におけるレギュレーション 文 字 コードはJIS(charaset=ISO-2022-JP)にて 配 信 JISで 使 用 不 可 能 な( 文 字 化 けが 発 生 する) 文 字 が 一 部 ありますので 事 前 にご 確 認 ください <IMG>タグに 指 定 するファイル 名 は 相 対 パスにしてください 画 像 はフォルダに 格 納 し HTMLファイルと 同 階 層 に 置 いてください <!DOCTYPE>など 配 信 されるメール 全 体 に 影 響 するタグは 使 用 不 可 Java Javascript ActiveXや 外 部 スタイルシート DHTMLの 使 用 不 可 (<OBJECT><APPLET><JAVA><EMBED><SCRIPT><CSS><STYLE><LAYER>タグや CLASS STYLE 属 性 などの 使 用 不 可 ) <META>タグの 使 用 不 可 原 稿 中 で 直 接 ユーザーの 入 力 を 求 めるタグの 使 用 不 可 (<FORM><INPUT><SELECT><OPTION><BUTTON><TEXTAREA>タグなどの 使 用 不 可 ) バックグラウンドにカラーやイメージは 使 用 不 可 (<BODY>タグ 中 の 属 性 の 使 用 不 可 ) スタイルはインラインで 記 述 してください レイアウトは 基 本 的 に<TABLE>で 指 定 してください ALT 属 性 の 値 は 全 角 30 文 字 以 内 画 像 のスライスは 非 推 奨 Webメール 等 で 正 しく 表 示 されない 場 合 があります リンクは 新 しいウィンドウで 開 く 設 定 にしてください(_blank) テキストリンク 色 に#000000は 非 推 奨 HTMLファイル 形 式 のページ 以 外 へのリンクは 不 可 (PDFなど) mailtoは 使 用 不 可 その 他 レギュレーション 原 稿 内 に 広 告 主 などの 情 報 提 供 者 が 特 定 できる 内 容 及 び 問 い 合 わせ 先 ( 住 所 電 話 番 号 公 式 サイトのリンク 先 など) 記 載 してください 弊 社 の 広 告 審 査 基 準 に 記 載 のある 競 合 サイト 内 へのリンクは 不 可 サブジェクトに 半 角 カタカナ 文 字 半 角!? ; : % < > 全 角 \ は 使 用 不 可 62

64 Sizmek Workshop(Sizmek Ad Builder)のインストールについて 63

65 Sizmek Workshop(Sizmek Ad Builder)のインストール Sizmekで 配 信 する 素 材 は MediaMindWorkshop Sizmek Workshop または Sizmek Ad Builderがインストールされた 環 境 でパブリッシュする 必 要 がございます 下 記 手 順 に 従 い インストールを 行 ってください (1) Adobe Extension Managerのインストール Adobe Extension Managerがインストールされていない 場 合 は 下 記 URLよりインストールしてください インストールされているFlashのバージョンに 合 ったものをインストールしてください インストール 完 了 後 は Adobe Extension Managerを 起 動 した 画 面 にFlashの 表 示 があることを 確 認 してください 64

66 Sizmek Workshop(Sizmek Ad Builder)のインストール (2) Sizmek Workshopのダウンロード 以下のURLよりダウンロードしてください MediaMindWorkshop SizmekWorkshop または SizmekAdBuilder のような名称のZIPファイルが ダウンロードされます ファイル名称の後にはバージョンの数字が表示されます この数字はバージョンアップの度に変更となります ) (3) ダウンロードしたZIPファイルを解凍 ZIPファイルを解凍するとZIPファイルと同じ名称のフォルダが作成され そのフォルダを展開すると MediaMindWorkshop Sizmek Workshop または SizmekAdBuilder というファイルが作成されます 解凍しフォルダを展開 65

67 Sizmek Workshop(Sizmek Ad Builder)のインストール (4) Sizmek Workshopインストール (1) Adobe Extension Managerを起動し インストール を選択します (2) インストールするmxpファイルを選択し 開く をクリックします (4) Workshop(またはSizmekAdBuilder)に関 する免責内容が表示されますので 承諾する をクリックしてください 2014 DG Inc. All rights reserved (5)このメッセージが表示された場合 インストールするユーザーをいずれかより 選択し 選択内容を保存 にチェック後 インストール をクリックします (3) インストール画面が表示されます (6) このメッセージが表示された場合は は い をクリックします 66

68 Sizmek Workshop(Sizmek Ad Builder)のインストール (5) Sizmek Workshopインストール完了後 インストール完了後 Sizmek Workshop(またはSizmekAdBuilder)が 有効 にチェックされていることをご確認ください 有効 にチェックされていない場合は Sizmek仕様のスクリプトが動作しません Workshopインストール後にFlashよりSizmekの制作規定に沿ってクリエイティブを 制作した場合 Flash上でテストムービーを再生すると出力ウィンドウにスクリプト内容が 出力されます この出力がされない場合 Sizmek Workshop(またはSizmekAdBuilder)が 正しくインストールされていない または有効になっていない 可能性がありますので 設定などを見直してください 67