SMSに動的画像を追加する方法

このページで学べること

Klaviyo で MMS メッセージに動的画像を追加する方法をご確認ください。

動的画像を含めることで、テキストメッセージをパーソナライズできます。たとえば、閲覧した商品、チェックアウトを開始した商品、または購入した商品を正確に表示できます。

始める前に

ユースケースによっては、動的画像を常に追加できるとは限りません。

• 動的画像をイベントデータ（例: チェックアウトや注文の確定のアイテム）またはイベントのカタログタグに基づいて使用できるのは、メトリックでトリガーされるフローのみです。
• キャンペーンとリストトリガーおよびセグメントトリガーのフローでは、カスタムのプロファイルプロパティとして保存されている画像URLを使用できます。また、カタログタグを使用して、受信者のプロファイルに保存されている商品IDから画像を検索することもできます。

また、動的画像については次の点に注意してください：

• MMS ごとに許可される動的画像は 1 つのみです。
• 画像は600KB未満にしてください。画像が大きい場合、通信キャリアによって圧縮されて画像が歪んだり、配信に失敗したりすることがあります。
• MMS を許可していない送信元番号で動的画像を送信しようとすると、メッセージは送信されますが、画像は削除されます。
• 動的画像が空、または無効なURLに解決される場合、テキストのみで他の添付がないメッセージは、画像なしでSMSとして送信されます。このフォールバックは、プレビュー、テスト送信、または翻訳を使用するメッセージには適用されません。これらには有効な画像URLが必要です。
• 条件文を動的画像で使用できます。
• モバイル キャリアは WebP ファイルをサポートしていないため、この種類の画像を添付するとメッセージの送信に失敗する場合があります。

動的画像を追加する方法

以下の手順は、フローのメッセージから始めます。下書きキャンペーンの場合は、テキストメッセージエディタを開き、最初の2つの手順をスキップしてください。

1. 動的画像を含めたいフローのメッセージを選択します。
2. [コンテンツ] の横にある [編集] をクリックします。

3. エディタにRCSオプションが表示されている場合は、SMSフォールバックを選択してください。画像を個別に編集するには、コンテンツを開き、RCSメッセージのコンテンツを同じものにするをオフにしてください。
4. 右上の[プレビュー]をクリックします。

5. 画像URLを含むプレビューイベントまたはプロファイルを選択してから、すべてのプロパティを展開します。
6. 画像URLプロパティをクリックして、変数をコピーします。商品または画像のリストの場合、0は最初の項目を識別し、変数の途中に含めることもできます。

7. [完了] をクリックします。 
8. Contentパネルで、Attachmentをオンにし、Image（または表示されている場合はMedia）を選択してください。
9. 画像を選択（またはメディアを選択）をクリックします。画像がすでに添付されている場合は、置換をクリックします。

10. 動的画像タブに移動してください。
11. 画像の動的変数または動的 URL を貼り付けてください。
    

12. [保存] をクリックします。
13. プレビューをクリックし、MMSがサポートされている地域で、選択したイベントまたはプロファイルに対して想定どおりの画像が表示されることを確認してください。
14. 完了をクリックし、次に次へをクリックして、メッセージを保存してエディターを閉じてください。

カタログ タグを使用する

MMS で動的な画像を追加するには、カタログ タグを使用することもできます。これを行うには以下の手順に従ってください。

1. プレビューですべてのプロパティを展開し、イベントデータ内で最初の商品のアイテムIDを見つけてください。Klaviyoカタログ内のアイテムと一致する識別子（外部連携によって、商品IDまたはSKU）を使用してください。代わりに、プロファイルベースの画像の場合は、アイテムIDを含むカスタムプロファイルプロパティを探してください。
2. この変数をコピーします。
   

1. SMS エディターに戻るには [完了] をクリックします。
2. Contentパネルで、Attachmentをオンにし、Image（または表示されている場合はMedia）を選択してください。
3. 画像を選択（またはメディアを選択）をクリックします。画像がすでに添付されている場合は、置換をクリックします。

1. 動的画像タブに移動してください。
2. 次のカタログタグを貼り付けてください。
   {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %}
3. 以前コピーしたタグの変数で、{% 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 %}
4. [保存] をクリックします。
5. プレビューをクリックし、MMSをサポートするリージョンで、一致するカタログアイテムIDを持つイベントまたはプロファイルを使用して画像を確認してください。完了をクリックし、次に次へをクリックしてメッセージを保存し、エディタを終了してください。

条件文の使用例

動的画像では条件文を使用できます。

以下は、バリエーション画像がある場合はそれを受信者に表示し、それ以外の場合はデフォルト画像を使用する 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 %}

これらのステートメントの正確な形式は外部連携によって異なるため、メールテンプレートからコピーしないでください。

その他のリソース