テキストメッセージに動的画像を追加する方法
このページで学べること
Klaviyo で MMS メッセージに動的画像を追加する方法をご確認ください。
動的画像を含めることで、テキストメッセージをパーソナライズできます。たとえば、閲覧した商品、チェックアウトを開始した商品、または購入した商品を正確に表示できます。
始める前に
ユースケースによっては、動的画像を常に追加できるとは限りません。
- 動的画像をイベントデータ（例: チェックアウトや注文の確定のアイテム）またはイベントのカタログタグに基づいて使用できるのは、メトリックでトリガーされるフローのみです。
- キャンペーンおよびリスト・セグメント トリガーのフローでは、画像 URL が受信者のプロファイルのカスタム プロパティとして存在する場合にのみ、動的画像を使用できます。
また、動的画像に関しては次の点に注意することが重要です。
- MMS ごとに許可される動的画像は 1 つのみです。
- 画像は 600 KB 未満にしてください。そうしないと、通信事業者によって圧縮され、画像が歪んで見える場合があります。
- MMS を許可していない送信元番号で動的画像を送信しようとすると、メッセージは送信されますが、画像は削除されます。
- 条件文を動的画像で使用できます。
- モバイル キャリアは WebP ファイルをサポートしていないため、この種類の画像を添付するとメッセージの送信に失敗する場合があります。
動的画像を追加する方法
- 動的画像を含めたいフローのメッセージを選択します。
- 右側のサイドバーで、[編集] をクリックします。
- 右上隅の [プレビュー & テキスト] をクリックします。
- 含めたい画像のデータソースを見つけます。
- 画像の 1 つ目の変数のデータソースをクリックします。通常は 0 で終わります。
- [完了] をクリックします。
- 左側で、Message ボックス内の Add image アイコン（画像アイコン）をクリックします。
- [動的画像] タブに移動します。
- 画像の動的変数または動的 URL を貼り付けてください。
- [保存] をクリックします。
- プレビュー画面に 1 つ表示されていることを確認して、動的画像が正しく追加されたことをチェックします。
カタログ タグを使用する
MMS で動的な画像を追加するには、カタログ タグを使用することもできます。これを行うには以下の手順に従ってください。
- SMS プレビュー モーダルから、最初に表示されている商品について商品 ID または SKU を特定します。
- この変数をコピーします。
- SMS エディターに戻るには [完了] をクリックします。
- 左側で、メッセージボックス内の 画像を追加 アイコン（画像アイコン）をクリックします。
- [動的画像] タブに移動します。
- 次のカタログタグを貼り付けてください。
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - {% catalog event.id %} 内の event.id を、以前にコピーしたタグの変数に置き換えてください。変数から角括弧とフィルタを削除します（つまり {{ event.extra.line_items.0.product_id|default:'' }} は event.extra.line_items.0.product_id になります）。
例：{% catalog event.extra.line_items.0.product_id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - [保存] をクリックします。
条件文の使用例
動的画像では条件文を使用できます。
以下は、バリエーション画像がある場合はそれを受信者に表示し、それ以外の場合はデフォルト画像を使用する if/else ステートメントの例です：
{% if event.extra.line_items.0.product.variant.images.0.src %}{{ event.extra.line_items.0.product.variant.images.0.src }}{% else %}{{ event.extra.line_items.0.product.images.0.src }}{% endif %}
これらのステートメントの正確な形式は外部連携によって異なるため、メールテンプレートからコピーしないでください。
その他のリソース
- Understanding MMS image and GIF best practices
Learn best practices for sending images and GIFs in text messages so that they display nicely to recipients.
- How to use event data to personalize email and SMS flows
Learn what dynamic event data is, when to use it, where to find it, and how to include it in your flow messages. Learn about the different actions your customers take, and how you can use that data for creating personalized messaging flows in Klaviyo. For instance, you could use event data in an abandoned cart flow message to show individuals what product they left behind, an image of the item, and more. This allows for a more personalized experience for the customer, as well as a higher chance of conversion.