ダウンロード

原稿規定（広告制作仕様書）
▽2016.4-6期からの主な変更点
 ビルボードの規定を追加
 「Sizmek 動画コンポーネントについて」を追加
2016.7-9 Ver1.0
INDEX
1. 純広バナースペック / 入稿スケジュール
・・・
P.2
2. ビルボード／スーパーバナー／レクタングル（FLASH）
・・・
P.4
3. ビルボード／スーパーバナー／レクタングル（HTML5）
・・・
P.6
4. マウスオンエキスパンド（Flash）
・・・
P.11
5. マウスオンエキスパンド（HTML5）
・・・
P.17
6. バックグラウンド
・・・
P.22
 Sizmek Workshop(Sizmek Ad Builder)のインストールについて
・・・
P.24
 Sizmek 動画コンポーネントについて
・・・
P.29
1
1.純広バナースペック／入稿スケジュール
▽PC バナー
メニュー名
サイズ左右×天地(pixels)
ループ
同時掲載バナー数
ファイル形式
容量
1280×4020
アニメーション不可
1本
png,psd
200KB以内
728×90
無限可
1本
プレミアムジャック
（バックグラウンド＆スーパーバナー
＆レクタングル＆In-Boardビデオ）
プレミアムジャック
300×250 or 300×415 or 300×600
※お申込みサイズで制作してください。
無限可
1本
レクタングル
マウスオンエキスパンド
80KB以内
HTML5
ー
gif or jpg
80KB以内
swf
80KB以内
HTML5
ー
ー
1本
mp4
20MB
30秒以内
1280×4020
アニメーション不可
1本
png,psd
200KB以内
728×90
300×250 or 300×415 or 300×600
※お申込みサイズで制作してください。
スーパーバナー
80KB以内
swf
1280×720
無限可
1本
(バックグラウンド＆スーパーバナー
＆レクタングル)
ビルボード
gif or jpg
970×250
728×90
300×250 or 300×415 or 300×600
※お申込みサイズで制作してください。
300×415／980×415
無限可
無限可
無限可
無限可
無限可
1本
1本
1本
1本
1本
※ユーザーの環境に著しく負担が発生する場合、修正をお願いする可能性があります。
※掲載開始後の原稿・リンク先差し替えは原則不可。同時入稿・1週間単位（月曜日更新）での差し替えは可能です。
※クリエイティブ背景が白の場合、サイトの背景と同化するため枠線をバナーの周囲に枠線を引いてください。
※サイズ、容量により料金が異なる場合があります。料金については各詳細ページをご参照ください。
gif or jpg
80KB以内
swf
80KB以内
HTML5
ー
入稿締め切り
詳細
P.22～
P.4～
10営業日前
(HTML5を含む
場合は
15営業日前）
P.6～
P.4～
P.6～
P.22～
10営業日前
(HTML5を含む
場合は
15営業日前）
P.4～
P.6～
gif or jpg
80KB以内
swf
80KB以内
P.4～
HTML5
ー
P.6～
gif or jpg
80KB以内
5営業日前
swf
80KB以内
7営業日前
P.4～
HTML5
ー
15営業日前
P.6～
gif or jpg
80KB以内
5営業日前
swf
80KB以内
7営業日前
P.4～
HTML5
ー
15営業日前
P.6～
gif or jpg
80KB以内
5営業日前
swf
80KB以内
7営業日前
P.4～
HTML5
ー
15営業日前
P.6～
swf
100KB以内／2MB以内
10営業日前
P.11～
HTML5
ー
15営業日前
P.17～
2
1.純広バナースペック／入稿スケジュール
▽PC & Smartphone バナー
メニュー名
In-Board & In-Read ビデオ
入稿サイズ
ループ
同時掲載バナー数
ファイル形式
容量
入稿締め切り
1280×720
ー
1本
mp4
PC用：20MB以内
SP用：5MB以内
30秒以内
5営業日前
入稿サイズ
ループ
同時掲載バナー数
ファイル形式
容量
入稿締め切り
640×300
アニメーション不可
1本
gif or jpg
80KB以内
320×50
アニメーション不可
1本
gif or jpg
30KB以内
320×50
アニメーション不可
1本
gif or jpg
30KB以内
詳細
▽Smartphone バナー
メニュー名
BIGパネル& ボトムバナー
ボトムバナー
詳細
5営業日前
5営業日前
※ユーザーの環境に著しく負担が発生する場合、修正をお願いする可能性があります。
※掲載開始後の原稿・リンク先差し替えは原則不可。同時入稿・1週間単位（月曜日更新）での差し替えは可能です。
※クリエイティブ背景が白の場合、サイトの背景と同化するため枠線をバナーの周囲に枠線を引いてください。
※サイズ、容量により料金が異なる場合があります。料金については各詳細ページをご参照ください。
3
ビルボード／スーパーバナー／レクタングル（Flash)
原稿規定
4
2.ビルボード／スーパーバナー／レクタングル（Flash）
ファイル形式
1
用途
.gif or .jpg
サイズ
容量
ループ
秒数
FLASHが表示できない環境の場合の代替画像
300×250 or 300×415 or 300×600
（レクタングル）
728×90（スーパーバナー）
※お申込みサイズで制作してください
80KB以下
無限ループ可
任意
300×250 or 300×415 or 300×600
（レクタングル）
728×90（スーパーバナー）
※お申込みサイズで制作してください
80KB以下
無限ループ可
任意
入稿ファイル
入稿ファイルの
バージョン
クリック時の
リンク設定
フレームについて
その他の注意点
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) == "http:") or (clickTAG.substr(0, 6) == "https:")) {
getURL(clickTAG, "_blank");
}
}
設定箇所
ボタンシンボル
第1フレーム
・FLASHムービーの第1フレームには、ActionScriptを記述せず空のフレームを設けて下さい。
・ActionScriptやアニメーションは、第2フレーム以降へ記述下さい。
※空でない場合、広告のダウンロードが終わる前に再生される恐れがあります。
フレームレート
12～18FPS以下
•
•
•
•
•
•
•
•
•
•
※クリエイティブ全てを覆うサイズでボタンシンボルを作成ください。
FLASHムービー内は、ムービーを入れ子にせずメインのタイムラインに配置して下さい。
一つのムービー内に複数のムービーを作成するような形式は、広告配信不具合の原因になりますので禁止となります。
テキストはアウトライン化して下さい。
音声はデフォルトOFFにして下さい。
個人情報の収集は不可です。
外部へデータ送信する仕様は不可です。
その他のActionScriptを使用する場合は、何を使用しているのかご説明ください。
内容が掲載規定に合わない場合には、プログラムの変更を依頼することがあります。
※ 他の枠との連動させるバナーや、エキスパンドバナーの場合は
外部データを参照するスクリプトは禁止です。
第三者配信となり、規定が異なりますのでご注意ください。
Z-indexの値を9999に設定してください。
5
ビルボード／スーパーバナー／レクタングル（HMTL5）
原稿規定
6
3.ビルボード／スーパーバナー／レクタングル（HTML5）
■概要
HTML5リッチバナーは、サイズミックのプラットフォームで利用できるポライトバナーフォーマットにて広告配信をコントロールします。
なお、下記キャプチャーはレクタングル（300×250）の例になります。
■全体のイメージについて
7
3.ビルボード／スーパーバナー／レクタングル（HTML5）
■以下のファイルをご用意ください。
別途ご提供するテンプレートファイルを元にご制作をお願いいたします。
制作する過程に於いて、下記フォルダ構成を維持する必要がございます。
また、ZIPファイルに圧縮した状態でHTML5原稿を入稿していただく必要がございますのでご留意ください。
テンプレートファイル構成
ファイル名
備考
1
HTML
index.html
広告配信・表示に利用される基本ファイルになります。
この中でクリエイティブをデザインしてください。
*必須ファイルになります。
2
Styles
styles/style.css
クリエイティブをデザインする際に利用するスタイルシートになります。
*Styles フォルダの中に含める必須ファイルになります。
scripts/script.js
サイズミック配信を制御するSizmek HTML5 API設定ファイル
*scripts フォルダの中に含める必須ファイルになります。
scripts/EBLoader.js
サイズミック配信を制御するシステムファイル
*scripts フォルダの中に含める必須ファイルになります。
*ファイル内容は編集不可となります。
images/backup.jpg
下記環境時に表示される代替イメージファイル
-HTML5表示できない際（サポート外など）
*Images フォルダの中に含める必須ファイルになります。
*最大容量：100KB以内
3
4
Scripts
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, 10.10
Google Chrome、 Safari 6.0＋、 Firefox 18 ＋
8
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を別途ご査収ください。
https://support.sizmek.com/hc/en-us/articles/201128145-Sizmek-HTML5-API
9
3.ビルボード／スーパーバナー／レクタングル（HTML5）
■index.htmlについて
*編集不可な記述になります。
１
*前ページを参照ください。
10
マウスオンエキスパンド（Flash）
11
4.マウスオンエキスパンド(Flash)
■全体の動作について
①ページにアクセスすると、リマインダーが表示されます。
リマインダー
FLASH
②リマインダーにマウスオンすると、エキスパンドが展開します。
エキスパンドエリアからマウスオフで収束します。
エキスパンド
FLASH
12
4.マウスオンエキスパンド(Flash)
■以下の5点のファイルをご用意ください。
入稿素材
ファイル形式
バージョン
容量
※1
サイズ
備考
①：リマインダー FLASH（SWF）
SWF
FlashPlayer10 以上
100KBまで
300×415
―
②：リマインダー FLASH（FLA）
FLA
CS6以下
―
300×415
―
③：エキスパンド FLASH（SWF）
SWF
FlashPlayer10 以上
2MBまで
980×415
リマインダー FLASH の上に重なって表示されます。
④：エキスパンド FLASH（FLA）
FLA
CS6以下
―
980×415
―
⑤：代替 GIF
GIF
GIF
100KBまで
300×415
―
※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 10.5、10.6、10.7
バージョン
Safari5.0以降
プラグイン
Flash Player 10 以上
ブラウザ
Javascriptが「有効」であること
設定
ActiveXコントロールが「有効」であること
Cookieをブロックしていないこと
※ 上記環境においてもユーザー環境や回線状況により Flash が広告が表示されず代替 GIF が表示される場合がございます。
※ 上記環境以外でも、表示、動作確認の上、問題ないと判断された環境ではリッチ広告を表示する場合があります。（事前にご確認ください。）
※ 完全透過部分があるクリエイティブに関しましては、配信できないブラウザがありますので、使用しないようにお願い致します。
13
4.マウスオンエキスパンド(Flash)
■詳細については以下をご参照ください。
Action Script について
AS2.0 で記述してください。
制作支援ツールの使用について
MediaMind の制作支援ツール「Workshop」がインストールされた環境でパブリッシュしてください。
（インストール方法は別紙をご覧くださいませ。）
第 1 フレーム目について
Sizmek 指定のスクリプト「EBBase.Init();」を記述してください。（下図参照）
その他のアクションスクリプトやオブジェクトは入れないでください。
1 フレーム毎の容量制限
第 2 フレーム目以降の 1 フレーム毎に於けるファイル容量は 30KB 以内にしてください。
アニメーションの負荷率の軽減
ユーザーの PC に対して極度に負荷をかける原稿の作成は避けてください。
※SWF 単体で 40% 以上の CPU 負荷が 2 秒以上の継続不可
フレームレート
フレームレートは12fps ～ 18fps以下
スクリプトの禁止事項
右記の処理を行うアクションスクリプトの使用は禁止。
①：外部ファイルの読み込み処理 ②：外部サーバーとの通信処理
背景色
背景色は広告配信時に無効になりますので、FLA ファイル内にて背景色のレイヤーを用意してください。
ドキュメントプロパティにて背景色を指定しても広告配信には反映されません。
フォント
テキストはアウトライン化（「分解」して「シンボルに変換」）してください。
クリックタグ
リマインダー FLASH、エキスパンド FLASHともに、すべてを覆うように設置することを推奨いたします。
著作権物の扱い
FLASH 原稿に著作権物を含む場合は、アドミッション入稿をお願い致します。また、セキュアスクリプトを必ず使用してください。
（セキュアスクリプトについては 7 ページ目をご参照ください。）
ファイル名
ファイル名は半角英数字とアンダーバーのみをご使用ください。（スペース含め左記以外のものは使用不可となります。）
その他
音声デフォルト「OFF」が規定となります。
FLASH でのリンク設定について
※低スペックの PC 環境にも負荷が掛からないようにしてください。
1 フレーム目の記述について
③：「getURL」の使用
完全透過について
完全透過を含む箇所があるクリティブの作成は禁止しております。
動画ファイル（.FLV）の埋め込みに関して
アクションスクリプトの記述
EBBase.Clickthrough();
アクションスクリプトの記述
EBBase.Init();
動画ファイルはタイムラインに埋め込むか、Sizmekのコンポーネ
ントを利用して設置してください。（FLVPlaybackコンポーネント
の使用は不可となります。）
⇒ Sizmekの動画コンポーネントについて：P.29～
14
4.マウスオンエキスパンド(Flash)
エキスパンドバナーの動きについて
エキスパンド（拡大）する動きについては、リマインダー FLASH の上にエキスパンド FLASH が重なって表示されます。
※リマインダー FLASH 内にエキスパンド（拡大）する旨のメッセージを入れることを強く推奨します。
（参考）：メッセージの有無によりユーザーによるエキスパンド展開率が場合によって約 2 ～ 10 倍以上の差があります。
リマインダー
FLASH
エキスパンド
FLASH
リマインダー
FLASH
※リマインダー FLASH とエキスパンド FLASH の原稿間に於ける表現連携（コンポジット）は、通常では制御できませんのでご了承くださいませ。
エキスパンド（拡大）の動きを制御する方法ついて
①リマインダー FLASH からオンマウスで
エキスパンド FLASH を開く下記アクションスクリプトを記述してください
②エキスパンドエリアからマウスオフした際に、
バナーが収縮します。（アドサーバー側で設定します。）
リマインダー FLASH 内のスクリプト記述例
EBPanel.ExpandPanel("Panel1");
※上記のスクリプトは、エキスパンド FLASH を「Panel1」と定義しております。
※上記のスクリプトは、リマインダー FLASH とエキスパンド FLASH の動作を踏まえて、最適な場所に必ず挿入してください。
15
4.マウスオンエキスパンド(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();
}
16
マウスオンエキスパンド（HTML5）原稿規定
17
5.マウスオンエキスパンド（HTML5）
■概要
HTML5オンマウスエキスパンドは、シングルエキスパンドフォーマットを利用した広告展開になります。
また、下記キャプチャーはエキスパンド収縮時と拡大時の展開例になります。
なお、300×415のクリエイティブ領域にユーザーがマウスオンした際に、980×415パネルが表示されて、
980×415パネルからマウスオフした際にはエキスパンドパネルは収縮する挙動になります。
■全体の動作について
①ページにアクセスすると、リマインダーが表示されます。
リマインダー
FLASH
②リマインダーにマウスオンすると、エキスパンドが展開します。
エキスパンドエリアからマウスオフで収束します。
エキスパンド
FLASH
18
5.マウスオンエキスパンド（HTML5）
■以下のファイルをご用意ください。
別途ご提供するテンプレートファイルを元にご制作をお願いいたします。
制作する過程に於いて、下記フォルダ構成を維持する必要がございます。
また、ZIPファイルに圧縮した状態でHTML5原稿を入稿していただく必要がございますのでご留意ください。
テンプレートファイル構成
ファイル名
備考
1
HTML
index.html
広告配信・表示に利用される基本ファイルになります。
この中でクリエイティブをデザインしてください。
*必須ファイルになります。
2
Styles
styles/style.css
クリエイティブをデザインする際に利用するスタイルシートになります。
*Styles フォルダの中に含める必須ファイルになります。
scripts/script.js
サイズミック配信を制御するSizmek HTML5 API設定ファイル
*scripts フォルダの中に含める必須ファイルになります。
scripts/EBLoader.js
サイズミック配信を制御するシステムファイル
*scripts フォルダの中に含める必須ファイルになります。
*ファイル内容は編集不可となります。
images/backup.jpg
下記環境時に表示される代替イメージファイル
-HTML5表示できない際（サポート外など）
*Images フォルダの中に含める必須ファイルになります。
*最大容量：100KB以内
3
4
Scripts
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, 10.10
Google Chrome、 Safari 6.0＋、 Firefox 18 ＋
19
5.マウスオンエキスパンド（HTML5）
■テンプレートファイル利用について
•
HTML5マウスオンエキスパンドを制御するプログラムはテンプレートファイルに含まれており、デザイン領域以外の記述変更は避けたうえでクリエイティブ
制作する必要がございます。なお、クリエイティブをデザインする際には“index.html”や “style.css”ファイル内の記述を必要に応じて変更してください。
※ テンプレートに含まれる原稿サイズやファイル名などを変更する際には、“index.html”や“style.css”ファイル内の記述を変更することを忘れないように留意ください。
•
テンプレートのレイアウトやデザインを変更する際には、“index.html” や
“style.css” ファイル内の記述を変更してください。なお、下記のプロパティは
“index.html” ファイル内に含まれる内容になります。
プロパティ名
備考
ad
広告全体を定義している<DIV>タグになります。*編集不可
banner
１
panel
エキスパンド前の300×415領域を定義している<DIV>タグになります。*編集不可
エキスパンド後の980×415領域を定義している<DIV>タグになります。*編集不可
*次ページを参照ください。
•
<div id="banner">
<div id="panel">
下記ファンクションは“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
20
5.マウスオンエキスパンド（HTML5）
■index.htmlについて
*編集不可な記述になります。
１
*前ページを参照ください。
21
バックグラウンド原稿規定
22
6.バックグラウンド
1280px
入稿ファイル
1.
pngファイル（200KB以内）
2.
psdファイル
3.
リンク先URL
990px
220px
※タグ入稿不可
W1280 pixel
入稿寸法
145px
×
H4020 pixel以下
クリエイティブの内、重要な部分は通常のブラウザで表示できる領域
W1250px × H600 内に収めてください。
600px
こちらを超える領域はファーストビューに表示されない恐れがございます。
ALTテキスト
表示領域
不可
右図の赤枠部分
サイトの天地は可変のため、実際の掲載時期によって変動します。
背景色指定
可能
ご入稿期限
10営業日前
環境
モニター解像度
1600px 1400px
Ｗ1280～を想定
※ レクタングル、スーパーバナーも合わせてご入稿ください。
素材については、それぞれの原稿規定をご確認の上、ご入稿ください。
※ バッググラウンドADにおきましても、広告主のロゴまたは広告主の社名などがなく、
責任の所在が不明瞭であるクリエイティブは掲載不可となります。
※ 枠線は描画しないでください。
23
■Sizmek Workshop(Sizmek Ad Builder)のインストールについて
24
Sizmek Workshop(Sizmek Ad Builder)のインストール
Sizmekで配信する素材は、MediaMindWorkshop、Sizmek Workshop または
Sizmek Ad Builderがインストールされた環境でパブリッシュする必要がございます。
下記手順に従い、インストールを行ってください。
(1) Adobe Extension Managerのインストール
Adobe Extension Managerがインストールされていない場合は
下記URLよりインストールしてください
http://www.adobe.com/jp/exchange/em_download/
※インストールされているFlashのバージョンに合ったものをインストールしてください
インストール完了後は、Adobe Extension Managerを起動した画面にFlashの表示があることを
確認してください
25
Sizmek Workshop(Sizmek Ad Builder)のインストール
(2) Sizmek Workshopのダウンロード
以下のURLよりダウンロードしてください。
http://demo.mediamind.com/Training_Zone/workshop/download.asp
「MediaMindWorkshop」「SizmekWorkshop」または「SizmekAdBuilder」のような名称のZIPファイルが
ダウンロードされます。
（ファイル名称の後にはバージョンの数字が表示されます。この数字はバージョンアップの度に変更となります。)
(3) ダウンロードしたZIPファイルを解凍
ZIPファイルを解凍するとZIPファイルと同じ名称のフォルダが作成され、
そのフォルダを展開すると「MediaMindWorkshop」「Sizmek Workshop」または「SizmekAdBuilder」
というファイルが作成されます。
解凍しフォルダを展開
26
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) このメッセージが表示された場合は「は
い」をクリックします
27
Sizmek Workshop(Sizmek Ad Builder)のインストール
(5) Sizmek Workshopインストール完了後
インストール完了後、Sizmek Workshop(またはSizmekAdBuilder)が
「有効」にチェックされていることをご確認ください
「有効」にチェックされていない場合は、Sizmek仕様のスクリプトが動作しません
Workshopインストール後にFlashよりSizmekの制作規定に沿ってクリエイティブを
制作した場合、Flash上でテストムービーを再生すると出力ウィンドウにスクリプト内容が
出力されます。
この出力がされない場合、
Sizmek Workshop(またはSizmekAdBuilder)が
正しくインストールされていない、
または有効になっていない
可能性がありますので、
設定などを見直してください。
28
■Sizmek 動画コンポーネントについて
29
動画コンポーネントの設定について
Workshopに含まれて動画コンポーネントを使用することでクリエイティブに動画を表示することができます。
コンポーネントの設置
Flashにて、まずWorkshop最新版がインストールされていることをご確認ください。（Workshopのインストールについて：P.63~）
ウインドウメニューよりコンポーネントウインドウを展開します。コンポーネント内のSizmek VideoにおけるVideo screenを設置します。
30
動画コンポーネントの設定について
コンポーネントの設置
コンポーネント内のSizmek Videoからかくファンクションのコンポーネントを任意の位置に設置します。
以下には代表的なものを設置します。各種コンポートネントのデザインは変更可能です。
31
動画コンポーネントの設定について
コンポーネントの設定1
Video Screenの設定を変更します。
ステージ上に設置したVideo Screenを選択した状態でウインドウからコンポートネントインスペクターを展開します。
一般設定
Video test file:
ローカルでテストを行う際にファイルを指定します。
Selected Video:
指定変更しないでください。（アセットIDはタグ発行時に指定されます）
Play automatically
チェックを入れると自動再生となります。
Start video with sound on
チェックを入れると音声オンで再生開始します。
※デフォルト音声オフが規定となります。
Display size
アスペクト比を維持したまま拡大縮小するか、コンポーネントのサイズに強制的に合
わせるか、オリジナルサイズで再生するかを選択できます。
Playback mode
再生モードをプログレッシブ方式かストリーミング方式かを選択できます。
32
動画コンポーネントの設定について
コンポーネントの設定2
Video Screenの設定を変更します。
ステージ上に設置したVideo Screenを選択した状態でウインドウからコンポートネントインスペクターを展開します。
イベント設定
on click:
動画をクリックした際の動作を選択できます。カスタム設定を行う場合はFrame1内の
アクションスクリプトで設定が可能です。
on Roll over:
動画をロールオーバーした際の動作を選択できます。カスタム設定を行う場合は
Frame1内のアクションスクリプトで設定が可能です。
on movie end
動画終了時の動作が選択できます。カスタム設定を行う場合はFrame1内のアクション
スクリプトで設定が可能です。
33
動画コンポーネントの設定について
コンポーネントの設定3
Video Screenの設定を変更します。
ステージ上に設置したVideo Screenを選択した状態でウインドウからコンポートネントインスペクターを展開します。
Cue設定
任意のタイミングでキューポイントが設定可能です。
キューポイントに連動したクリエイティブを作成する際に使用します。
34
動画コンポーネントの設定について
複数動画を設定する場合
同時に複数動画を展開する場合は各コンポーネントに対してVideo Screenのインスタンスネームを設定する必要があります。
インスタンスネームはデフォルトで_videoScreenInst と設定されています。2つ目以降は_videoScreenInst1と連番の数字が付与されます。
指定のインスタンスネームを入力
※デフォルトは空になっており、
ビデオが一つのみの場合は空でも動作します。
各コンポーネントを選択しプロパティを確認
35
動画コンポーネントの設定について
動画が終了後、特定のアクションがある場合は、video screenをステージに設置後、自動で挿入される“sizmekレイヤー”に特定のイ
ベントに対するハンドラが用意されています。こちらをご利用ください。
尚、その際はvideo screenのコンポーネントの設定でeventのon movie endを”custom”に変更ください。
またこれらのスクリプトは必ずシーン1のレイヤーに設置ください。ムービークリップ内でスクリプトを設置しても正しく動作しませ
ん。
動画終了後のカスタムインベントハンドラの例
※動画が終了後、リプレイボタンを表示、再生、音声ボタンを非表示にする場合
サンプル（AS3)
//--------_videoScreenInst_OnClick-------- //こちらはクリックの際のカスタムハンドラです。
function _videoScreenInst_OnClick()
{
//TODO: add your code for click handling.
}
//--------_videoScreenInst_OnRollover-------- //こちらはロールオーバーの際のカスタムハンドラです。
function _videoScreenInst_OnRollover(fIsOver:Boolean)
{
//TODO: add your code for rollover handling.
}
//--------_videoScreenInst_OnMovieEnd-------function _videoScreenInst_OnMovieEnd()
{
//TODO: add your code for the movieEnd event handling.
_videoScreenInst.visible = false;
replay.visible = true;
play_pause.visible = false;
sound.visible = false;
}
36

Download Report