メールに動的画像を挿入する方法
このページで学べること
メールの画像ブロックにある ダイナミック画像 オプションについて、使用する適切なパーソナライゼーションタグの見つけ方と、それをメールテンプレートに追加する方法を含めてご確認ください。
動的画像を使用すると、Klaviyo プロファイルに保存されているデータまたはイベントデータに基づいて、各受信者のメッセージをカスタマイズできます。たとえば、この機能を使用して、「Added to Cart」メトリックによってトリガーされるフローで、最近カートに追加した商品を表示できます。また、購読者のプロファイルに一意の画像 URL を保存しておくことで、送信するキャンペーンでそのカスタム画像を表示できます。
画像をプロファイルまたはイベントに保存する
メトリックトリガーのフロー メールでは、イベントデータ（例：カゴ落ちフローのチェックアウト開始イベント）から動的画像を表示できます。イベントデータに保存されている画像は、キャンペーンや非メトリックトリガーのフローでは表示できません。これらでは、受信者のプロファイルにプロファイルプロパティとして保存されている画像のみを使用できます。
キャンペーンおよびメトリックでトリガーされないフローの画像の保存
キャンペーンまたは非メトリック トリガーのフロー（例：リスト、セグメント、日付でトリガーされるフロー）に動的な画像を表示するには、画像 URL（例：https://www.klaviyo.com/static/klaviyo-social-share-image.jpg）を各受信者のプロファイルプロパティに保存する必要があります。次の方法で、対象のプロファイルプロパティに画像 URL を追加できます：
メトリックがトリガーとなるフローの画像の保存
メトリックトリガーのフロー（例：Add to Cart イベントによってトリガーされるフロー）で動的画像を表示するには、上記の方法で保存したプロファイルデータを使用するか、フローをトリガーするメトリックのイベントデータを使用できます。
イベントデータは、そのイベントによってトリガーされるフローでのみ使用できる点に注意してください。
次の方法でイベントデータを Klaviyo に追加できます。
メールに動的画像を追加する
Klaviyo に動的画像情報を保存したら、それをメールに含めるために使用する正しいタグを特定します。
- 動的画像を追加したいメールテンプレートを開きます。
- [プレビューとテスト] をクリックします。
- すべてのプロパティ の下にあるサンプルのイベントデータとプロファイルデータをスクロールし、画像変数を見つけます。次に、変数名をクリックしてコピーします。
- タグをコピーしたら、画像ブロックをメッセージにドラッグします。
- [画像を選択] > [動的画像] をクリックします。
- タグを 動的変数または動的 URL フィールドに貼り付けます。
- 最後に、タグが正しく機能していることを確認するために、メールをプレビューしてください。画像が表示されない場合は、使用した変数を含むイベントまたはプロファイルが選択されていることを再確認してください。
バックアップ画像を追加
すべてのメール受信者がプロファイルまたはイベントデータ内で画像を利用できると確信できない場合は、空白に見えないようにバックアップ画像の使用を検討してください。バックアップ画像を追加する方法は 2 つあります：
不足している商品フィルタを使用する
Klaviyo のデフォルトのバックアップ画像を使用するには、動的画像変数の末尾に不足している商品フィルターを追加します。このフィルターを追加するには、次のように動的画像変数の後に |missing_product_image を追加します。
{{ event.image_url|missing_product_image }}
メールを受信した人に画像がない場合、代わりに欠落している商品画像が表示されます：
独自のバックアップ画像を設定する
独自のバックアップ画像を選択するには、選択した画像 URL でデフォルト フィルターを適用してください。これにより、受信者に画像が設定されていない場合に、カスタムのバックアップ画像が表示されます。このフィルターを追加するには、画像変数の末尾に |default:'' を追加し、単一引用符の間にカスタム画像 URL を入れます（例：）。
{{ event.image_url|default:'www.example.com/custom_image_url.jpg' }}