AdKuraの製品デモで使う縦型の動画広告です。商品は架空の美容液「CIELNA グロウオイルセラム」です。 映像・レイアウト・タイミングが同じ2つのバージョンがあり、違いはテロップの文言だけです。
| ファイル | 内容 |
|---|---|
out/cielna_demo_ad_v1.mp4 |
修正前。AIチェックに指摘させたい表現をわざと入れている |
out/cielna_demo_ad_v2.mp4 |
修正後の例。v1で指摘される箇所を差し替えたもの |
out/storyboard.jpg |
両バージョンの絵コンテ |
仕様:1080×1920(9:16)、30fps、16秒、H.264+AAC(48kHz・ステレオ)、-14 LUFS、faststart付き。
build_lp_ai_check.py で、v1の広告を使ったLPトップ用の動画を作ります。サイズは videos/home/ai-check.mp4 などと同じです。
LPで使っているのは2倍速版(out/lp-2x/、10.2秒。PC 約1.1MB、スマホ 約0.5MB)です。 scripts/media/build-home-media.sh がこれを videos/home/ と images/home/ にコピーします。
ai-features ページ(「指摘の理由・参照元・修正候補まで示す」)でも、同じ2倍速版を videos/ai-check-detection(-mobile).mp4 と images/AI/ai-check-detection(-mobile)-poster.webp として使っています。作り直したときは、こちらにも同じファイルをコピーしてください。下の表は等倍版です。
| ファイル | 内容 |
|---|---|
out/lp/ai-check.mp4 |
PC用。1120×700、30fps、20.4秒、音声なし、約1.5MB |
out/lp/ai-check-mobile.mp4 |
スマートフォン用。520×720、約0.8MB |
out/lp/ai-check-poster.webp / out/lp/ai-check-mobile-poster.webp |
ポスター画像(動画の1コマ目と同じ) |
| 時刻 | 内容 |
|---|---|
| 0:00–0:16 | 左でv1が再生されます。問題のあるテロップが映ると、AdKuraと同じ赤い点線のマーカーと「AI」ピンがそのテロップを囲みます。シークバーには、指摘がある時刻に赤い点が付きます。右の指摘一覧(8件)は、再生位置に対応する指摘が選択状態になり、それに合わせてスクロールします |
| 0:15–0:19.8 | 最後の指摘の参照元リンク「AI審査データベース:A-4 打消し表示」をクリックすると、AI審査データベースがブラウザのウィンドウで開きます。まず見出しと監修弁護士の欄を見せ、A-4までスクロールしてから、判断ポイント2行とNG例に順にマーカーを引きます |
| 0:19.8–0:20.4 | 1コマ目へフェードして、ループの継ぎ目をなくします |
lp/panel_template.html)で再現し、ヘッドレスChromeで描画しています。指摘文はこの動画のために書いたもので、実際のAIチェックの出力ではありません。 各指摘の参照元リンクは、AI審査データベースの違反パターン(B-1・A-3・C-1・A-4)か、医薬品等適正広告基準に対応させています。lp/capture_db.mjs がヘッドレスChromeで撮影したものです(A-4を開いた状態。PCは幅1200px、スマホは幅390px)。撮影時はGA4や広告タグへの送信をブロックしています。ページを更新したときは、cache/lp/db_* を消してから作り直すと撮影し直します。lp/build_review.sh で作ります。lp/review_scene.html がAdKuraの画面(コメント欄・クリエイティブ一覧)を参考にHTMLで再現した画面を時刻ごとに描き、lp/record_scene.mjs がヘッドレスChromeで1コマずつ撮影して out/lp-review/ に書き出します。scripts/media/build-home-media.sh(M3/M4・M5/M6・M7/M8)が videos/home/ と images/home/ にコピーします。
| ファイル | 内容 |
|---|---|
out/lp-review/comment.mp4 / comment-mobile.mp4 |
コメント。PC 1280×800、スマホ 640×800、30fps、11.2秒、音声なし(約320KB/約220KB) |
out/lp-review/version.mp4 / version-mobile.mp4 |
バージョン比較。サイズは同じ、10.4秒(約470KB/約280KB) |
out/lp-review/library.mp4 / library-mobile.mp4 |
一元管理。サイズは同じ、10.2秒(約290KB/約240KB) |
out/lp-review/*-poster.webp |
ポスター画像(動画の1コマ目と同じ) |
lp/review_scene.html の T(コメント・バージョン比較)と F・RESET(一元管理)で、画面の寸法は各シーンの L などで変えられます。node lp/record_scene.mjs comment pc --preview 0,2.8,9.6 で、指定した秒のPNGを cache/review/preview/ に書き出せます。clip/build.py で、AdKura Clip のページ(adkura-clip.html)に載せている3本のデモ動画とポスター画像を作ります。ファイル名は以前と同じなので、HTMLの変更は不要です。
| 動画 | 長さ | 内容 |
|---|---|---|
videos/adkura-clip/overview-product-demo.mp4 |
9.4秒 | バナーを追加して共有リンクを作成・コピーし、チャットで送る。受け取った側がブラウザで開き、価格の箇所を範囲指定してコメントする |
videos/adkura-clip/upload-product-demo.mp4 |
9.6秒 | バナー・動画広告・記事LP・広告テキストを1つの共有リンクにまとめる。開いた側は、左の一覧から4つを切り替えて確認する |
videos/adkura-clip/review-product-demo.mp4 |
10.4秒 | 動画広告に時刻付き(0:07)の範囲コメント、記事LPの見出しに範囲コメント、広告テキストの一部を選んでコメント。最後に、各素材にコメントが付いた全体を見せる |
images/adkura-clip/*-poster.jpg)は1コマ目と同じです。末尾0.3秒は1コマ目へフェードし、ループの継ぎ目をなくしています。videos/adkura-clip/overview.mp4 など)の配置と配色に合わせて、clip/app.html・clip/app.js で再現しています。これを clip/capture.mjs がヘッドレスChromeで1コマずつ描画します。操作する箇所に寄って見せ、文字が読める大きさにしています。clip/creatives.html から作り、動画は v1 を使っています。scripts/build-adkura-clip-product-demos.py は、--legacy を付けないと公開中の動画を上書きしないようにしました。差し替え前の動画とポスター画像は cache/clip/prev/ に控えています(Gitの履歴からも戻せます)。.venv/bin/python clip/build.py(1本だけなら clip/build.py review)。指定した秒のPNGだけを見るときは node clip/capture.mjs review cache/clip/prev_review 3.4,6.3 を使います。AIチェックの結果は実行ごとに変わることがあります。本番のデモの前に、実際の指摘内容を一度確認してください。
| 時刻 | 表現 | 想定される指摘 |
|---|---|---|
| 0:00–0:03 | 40代からのエイジングケア | 「エイジングケア」に「※年齢に応じたお手入れのこと」などの注釈がない(化粧品等の適正広告ガイドライン) |
| 0:00–0:03 | 塗るだけで −10歳肌!? | 若返りを思わせる表現で、化粧品の効能効果の範囲を超える(薬機法の誇大広告、医薬品等適正広告基準) |
| 0:03–0:06 | SNSで話題沸騰! | 根拠が示されていない(参考程度) |
| 0:03–0:06 | 美容液ランキング 第1位 / ※当社調べ | No.1表示の根拠(調査の対象・期間・方法)が示されていない(景品表示法の優良誤認のおそれ) |
| 0:06–0:09 | シミ・シワが たった7日で 消える! | 化粧品の効能効果の範囲外で、効果や効果が出るまでの期間を保証している(薬機法の誇大広告、医薬品等適正広告基準) |
| 0:06–0:09 | ※個人の感想です(小さい文字) | 打消し表示が小さい。効能効果の逸脱は「個人の感想」の注記では解消されない |
| 0:09–0:12 | 皮膚科医も推薦! | 医師などが推薦・保証していると受け取られる表現(薬機法、医薬品等適正広告基準の医薬関係者等の推薦) |
| 0:09–0:12 | 副作用ゼロで安心 | 安全性を保証する表現(医薬品等適正広告基準) |
| 0:12–0:16 | 今だけ! / 通常価格 9,800円(税込) / 初回 90%OFF | 期限が分からない限定表示と、比較対照価格の根拠が分からない二重価格表示(景品表示法の有利誤認のおそれ) |
| 0:13.9–0:15.2 | ※定期コース(4回以上の継続購入が条件)…(ごく小さい文字で約1秒) | 定期購入の条件が小さく、短時間しか表示されない(打消し表示、特定商取引法の表示事項) |
| 時刻 | v1 | v2 |
|---|---|---|
| 0:00–0:03 | 40代からのエイジングケア / 塗るだけで −10歳肌!? | 乾燥が気になる季節に / ひとしずくで うるツヤ肌へ |
| 0:03–0:06 | SNSで話題沸騰! / 美容液ランキング 第1位 | 毎日のお手入れに / たっぷり 30mL 約1か月分 |
| 0:06–0:09 | シミ・シワが たった7日で 消える! / ※個人の感想です | うるおいが 角層まで浸透※ ハリ・ツヤ肌へ / ※角層まで |
| 0:09–0:12 | 皮膚科医も 推薦! / 副作用ゼロで安心 | ベタつかずに しっとり / オイルなのに軽い使い心地 / ※使用感には個人差があります |
| 0:12–0:16 | 今だけ! 通常価格 9,800円 → 初回 90%OFF 980円 / 今すぐ購入する | 定期コース初回 980円(税込) / 2回目以降 8,800円(税込) / 4回の継続購入が条件です(支払総額 27,380円・税込) / 詳しくはこちら |
v2は修正の一例で、法令への適合を保証するものではありません。「角層まで浸透」や「約1か月分」も、実際の広告では裏付けとなる資料が必要です。
music.py でプログラム生成したもので、外部の音源は使っていません。cd scripts/demo-ad
python3 -m venv .venv && .venv/bin/pip install -r requirements.txt
.venv/bin/python build_demo_ad.py # v1とv2を out/ に書き出す(数分)
.venv/bin/python storyboard.py # out/storyboard.jpg を更新
.venv/bin/python build_demo_ad.py --version v1 --preview 1.5,7.8 # 指定した秒のPNGだけを書き出す
.venv/bin/python build_demo_ad.py --bgm path/to/music.mp3 # BGMを権利確認済みの音源に差し替える
.venv/bin/python build_lp_ai_check.py # LP用のAIチェック動画(先にv1を書き出しておく)
.venv/bin/python build_lp_ai_check.py --speed 2 # LPで使う2倍速版(out/lp-2x/)
.venv/bin/python build_lp_ai_check.py --preview 0,7.6 # 指定した秒のPNGを cache/lp/ に書き出す
lp/build_review.sh # LP用のコメント/バージョン比較/一元管理の動画(out/lp-review/。約4分)
build_lp_ai_check.py の指摘文・タイミング・マーカーを付けるテロップは、ファイル先頭の FINDINGS で変えられます。
FFmpegとmacOSの日本語フォントが必要です。LP用の動画には、さらにGoogle ChromeとNode.js 22以降が必要です。src/ に素材がなければ、Pexelsから1440×2560版(計約46MB)をダウンロードします。
テロップの文言は build_demo_ad.py の COPY で変えられます。src/ と cache/ はGitで管理しません。