iMessageのチャット演出

ピクセル単位で正確なiMessageの会話が、自分で文字を打ち出していきます。吹き出しが実際の送信・受信音とともに現れ、入力中の表示が出て、商品は画像の貼り付けではなく、本物のURLプレビューのリッチリンクとして現れます。

Hermoso にある13のネイティブHTML広告テンプレートの1つです。AIが生成するのではなく、ブラウザが実際のマークアップからレンダリングするフォーマットです。これは動画を出力し、埋める箇所が3つあり、実行する前にブランドの商品写真が1枚必要です。

使うタイミング

製品の話を会話の形で見せたい場合に向いています。友人同士のおすすめ、解決した質問、解決した課題などです。画面収録のように見えるため、TikTokやReelsで最もネイティブに感じられるフォーマットの一つです。

押さえるべきポイント

リッチリンクが売りになります。商品を普通の写真として入れると、チャットの中の広告に見えます。タイトルとドメインを備えた、きちんとレンダリングされたリンクプレビューは、誰かが実際に共有したものに見えます。

フォーマットの概要

  • 出力: 動画。
  • コピー枠: 3つ。それぞれ、推測ではなくレイアウトから導かれた文字数の上限があります。
  • 必要な素材: 商品写真1枚。
  • テンプレートID: imessage-chat。

このテンプレートのレンダリング方法

画像モデルや動画モデルで生成されるものは何もありません。このフォーマットは、アニメーションが時間の純粋な関数である、自己完結したHTMLページです。CSSのキーフレーム、タイマー、乱数は使いません。レンダラーはヘッドレスのChromeでそのページをフレームごとに進め、各フレームをスクリーンショットし、ffmpegでH.264のファイルにまとめます。最後はブランドのエンドカードへのクロスフェードで終わります。

そこから2つのことが言えます。レンダリングは決定論的です。同じ入力から同じファイルができるため、昨日正しく見えたフォーマットは、今日も正しく見えます。また、画面上のすべての文字は、ブラウザが実際に描画したテキストです。そのため、コピーは正確で、どの解像度でも鮮明です。全体の費用は動画生成ではなく数クレジットで、これが、このフォーマットを大量に運用できる理由です。

商品写真をチャットにそのまま入れてはいけませんか?

メッセージに貼り付けた写真は、会話の中の広告に見えてしまうからです。このフォーマットは、タイトルとドメインを備えた実際のURLプレビューカードをレンダリングします。それは、誰かが商品を実際に共有する時に送るものと同じです。

13すべてがネイティブ広告テンプレートの一覧に掲載されています。より広いカタログはクリエイティブ・レシピの一覧にあります。

iMessageのチャット演出テンプレートは、Webスタジオと同じく、Claude、Cursor、Codex、その他のMCPクライアントからも使え、ブランドの情報も同じように反映されます。エージェントからフォーマットを動かす方法で設定を説明しています。

ネイティブ形式の広告を数クレジットでレンダリングできます。無料プランならカードの登録は不要です。

無料で始める →   料金を見る