このページで学べること

プッシュ通知に動的画像を追加する方法をご覧ください。

動的画像は、プッシュ通知をパーソナライズする優れた方法です。たとえば、誰かがお気に入りに追加した商品、チェックアウトを開始した商品、または購入した商品を正確に表示できます。

始める前に

動的画像は、以下で使用できます:

  • メトリックでトリガーされるフローでは、イベントデータ(例:チェックアウト内の商品や注文の確定)またはイベントのカタログタグのいずれかを使用します。
  • キャンペーンおよびリスト/セグメントでトリガーされるフロー。ただし、画像 URL が受信者のプロファイルのカスタムプロパティとして存在する場合にのみ該当します。

プッシュの動的画像については、以下にもご注意ください:

  • プッシュ通知ごとに動的画像は 1 つのみ使用できます。
  • 画像は 1 MB 未満である必要があります。
  • 条件文を動的画像で使用できます。

Klaviyo のプッシュ通知の機能をリクエストしますか?この Google フォーム に入力して、お知らせください!

プッシュ通知に動的画像を追加する

  1. 動的画像を含めたいメッセージを選択します。
  2. 左側のサイドバーで、[コンテンツを設定] または [編集] をクリックしてください。
  3. フローにプッシュ通知を追加するか、選択してください。
  4. 右上隅にある[詳細を表示]アイコンをクリックします。
View Details icon within the push preview window
View Details icon within the push preview window
  1. 含めたい画像のデータソースを見つけます。
  2. 画像の 1 つ目の変数のデータソースをクリックします。通常は 0 で終わります。
Example of what the data source looks like for an image
Example of what the data source looks like for an image
  1. 左側で、Body ボックス内の Insert media アイコンをクリックします。
Add media to push.jpg
Add media to push.jpg
  1. [動的画像] タブに移動します。
  2. 画像の動的変数または動的 URL を貼り付けてください。
Dynamic Image tab after pasting in an example variable
Dynamic Image tab after pasting in an example variable
  1. [保存] をクリックします。
  2. プレビュー画面に 1 つ表示されていることを確認して、動的画像が正しく追加されたことをチェックします。
カタログ タグの使用例

カタログタグを使用して、リッチプッシュ通知に動的画像を追加することもできます。これを行うには以下の手順に従ってください。

  1. [アナリティクス] > [メトリック]と進みます。
  2. 使用するメトリックを選択します(例:「注文された商品」)。
  3. 特定のイベントについては [詳細] をクリックします。
  4. SKU または商品 ID タグのいずれかを見つけます。
  5. タグのラベル(かっこやコロンは除く)をコピーし、正確なスペルと大文字/小文字を維持できるようにします。
    以下の例では、"ProductID." をコピーします。
image5.png
image5.png
  1. これは紛失しない場所に貼り付けてください。
  2. 先ほど選択したのと同じメトリックでトリガーされるフローに移動します。
  3. 動的画像を含めたいプッシュ通知を選択します。
  4. 左側のサイドバーで、[コンテンツを設定] または [編集] をクリックしてください。
  5. 左側で、Body ボックス内の Insert media アイコンをクリックします。
Add media to push.jpg
Add media to push.jpg
  1. [動的画像] タブに移動します。
  2. 次のカタログ タグを貼り付けてください:
    {% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}}{% endcatalog %}
  3. {% catalog event.id %} の id を、以前コピーしたラベルに置き換えます。
    例:{% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}}{% endcatalog %}
  4. [保存] をクリックします。
動的画像の条件付きステートメントの使用例

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

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

    Learn about rich push notifications in Klaviyo. Rich push notifications are available for both campaigns and flows.

  • 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.

この記事は役に立ちましたか?
この記事へのフィードバックには、このフォームのみを使用してください。 サポートへの連絡方法.

Klaviyo の詳細を見る

コミュニティ
同業者、パートナー、Klaviyo のエキスパートとつながり、インスピレーションを得たり、インサイトを共有したり、あらゆる質問への回答を得たりできます。
パートナー
特定のタスクのサポートや継続的なマーケティング管理のために、Klaviyo 認定エキスパートを雇いましょう。
サポート

アカウントからサポートにアクセスしてください。

メールサポート (無料トライアルと有料アカウント) 24 時間 365 日利用可能

チャット/バーチャル アシスタント
利用可否は地域およびプランタイプによって異なります