Hermoso にある13のネイティブHTML広告テンプレートの1つです。AIが生成するのではなく、ブラウザが実際のマークアップからレンダリングするフォーマットです。これは動画を出力し、埋める箇所が4つあります。
使うタイミング
InstagramやTikTokで見かける、メモのスクリーンショット形式です。リスト、告白、教訓、そして実際には画像ではなく文章である言葉に向いています。
押さえるべきポイント
モックアップは、近似ではなく実際のiPhoneの画面録画から取り出されたものです。そのため、模倣している端末でフルスクリーンに見ても崩れません。
フォーマットの概要
- 出力: 動画。
- コピー枠: 4つ。それぞれ、推測ではなくレイアウトから導かれた文字数の上限があります。
- 必要な素材: なし。コピーとブランドの情報だけでレンダリングされます。
- テンプレートID: apple-notes。
このテンプレートのレンダリング方法
画像モデルや動画モデルで生成されるものは何もありません。このフォーマットは、アニメーションが時間の純粋な関数である、自己完結したHTMLページです。CSSのキーフレーム、タイマー、乱数は使いません。レンダラーはヘッドレスのChromeでそのページをフレームごとに進め、各フレームをスクリーンショットし、ffmpegでH.264のファイルにまとめます。最後はブランドのエンドカードへのクロスフェードで終わります。
そこから2つのことが言えます。レンダリングは決定論的です。同じ入力から同じファイルができるため、昨日正しく見えたフォーマットは、今日も正しく見えます。また、画面上のすべての文字は、ブラウザが実際に描画したテキストです。そのため、コピーは正確で、どの解像度でも鮮明です。全体の費用は動画生成ではなく数クレジットで、これが、このフォーマットを大量に運用できる理由です。
メモはどのくらいの長さにすべきですか？
太字のタイトルと、短い数行です。メモに段落を書く人はいないため、長い文章は本物のスクリーンショットに見えなくなります。文字を打つ演出もリアルタイムで流れるため、長いメモは広告の大半をカーソルを眺めて過ごすことになります。
その他のネイティブテンプレート
13すべてがネイティブ広告テンプレートの一覧に掲載されています。より広いカタログはクリエイティブ・レシピの一覧にあります。