Skip to content

Movable Ink

Movable Ink は、顧客に印象づける説得力のある独特なビジュアルエクスペリエンスを作成できる手段をデジタルマーケターに提供するクラウドベースのソフトウェアプラットフォームです。Movable Ink プラットフォームは、Campaignsに簡単に挿入できる有用なカスタマイズオプションを提供します。

この統合は Movable Ink によって管理されます。

統合について

ポーリング、カウントダウンタイマー、スクラッチオフなど、Movable Ink の Intelligent Creative 機能を活用して Braze のクリエイティブ機能を拡大します。Movable Ink と Braze の統合により、ダイナミックなデータドリブン型のメッセージへのよりバランスの取れたアプローチを可能にし、重要な事柄に関するリアルタイムの要素をユーザーに提供します。

前提条件

ユースケース

  • パーソナライズされた月ごとの要約または年末の要約。
  • 直近の既知の動作に基づいて、メール、プッシュ、またはリッチプッシュ通知に使用される画像をダイナミックにパーソナライズします。
    以下に例を示します。
    • リッチプッシュメッセージを使用して、API からデータを取得してイベントのスケジュールを動的に作成します。
    • 大規模なセール（ブラックフライデー、バレンタインデー、祝日セールなど）が近づいているときに、カウントダウンタイマーを使用してユーザーに通知します。
    • プロモーションコードを配信する楽しくインタラクティブな方法として、スクラッチオフ機能を使用します。

サポートされている Movable Ink の機能

Intelligent Creative には、ユーザーが利用できる多くのサービスがあります。次のリストに、サポートされている機能を示します。

統合

ステップ1:Movable Ink のデータソースを作成する

CSV、Web サイトインポート、または API 統合のいずれかのデータソースを作成する必要があります。

表示されるさまざまなデータソースオプション:CSV アップロード、Web サイト、または API 統合。

  • CSV データソース:各行には、少なくとも1つのSegment列と1つのコンテンツ列が必要です。CSV がアップロードされた後、コンテンツのターゲットとして使用する列を選択します。CSV ファイルの例

「CSV」をデータソースとして選択したときに表示されるフィールド。

  • Web サイトデータソース:各行には、少なくとも1つのSegment列と1つのコンテンツ列が必要です。CSV がアップロードされたら、コンテンツのターゲットを設定するために使用する列を選択します。
    • このプロセスでは、以下をマッピングする必要があります。
      • Segmentsとして使用されるフィールド
      • クリエイティブで動的にパーソナライズできるデータフィールドとして使用する項目（たとえば、ユーザー属性や名、姓、市区町村などのカスタム属性）

「Web サイト」をデータソースとして選択したときに表示されるフィールド。

  • API 統合:自社の API を使用して、API レスポンスから直接コンテンツを供給します。

「API 統合」をデータソースとして選択したときに表示されるフィールド

ステップ2:Movable Ink プラットフォームでCampaignを作成する

Movable Ink のホーム画面から、Campaignを作成します。HTML からのメール、画像からのメール、または任意のチャネルで使用できるブロック（プッシュ、アプリ内メッセージ、Content Cards（推奨）など）のいずれかを選択できます。

また、ブロックを通じて利用できるさまざまなコンテンツオプションを確認することもお勧めします。

新しい Movable Ink Campaignを作成するときの Movable Ink プラットフォームの外観。

Movable Ink には、テキストや画像などの要素をドラッグ＆ドロップできる簡単なエディターがあります。データソースを入力した場合は、データプロパティを使用して画像をダイナミックに生成できます。また、このフロー内にフォールバックを作成することもできます。これは、Campaignが送信され、ユーザーがパーソナライゼーション基準に該当しない場合に使用されます。

Movable Ink ブロックエディターに表示されるカスタマイズ可能なさまざまな要素。

Campaignを完了する前に、ダイナミックな画像をプレビューし、クエリパラメーターをテストして、表示時に画像がどのように見えるかを確認してください。完了すると、Braze に挿入できるダイナミック URL が生成されます。

Movable Ink プラットフォームの使用方法の詳細については、Movable Ink サポートセンターを参照してください。

ステップ3:Movable Ink コンテンツ URL を取得する

Movable Ink のコンテンツを Braze メッセージに含めるには、Movable Ink から提供されたソース URL を確認する必要があります。

ソース URL を取得するには、Movable Ink ダッシュボードでコンテンツを設定し、完了してコンテンツをエクスポートする必要があります。Finish ページで、クリエイティブタグからソース URL（img src）をコピーします。

Movable Ink Campaignを完了すると表示されるページ。ここにコンテンツ URL が表示されます。

次に Braze プラットフォームで、URL を該当するフィールドに貼り付けます。メッセージングチャネルに適したフィールドは、ステップ4に記載されています。最後に、マージタグ（&mi_u=%%email%% など）を対応する Liquid 変数（&mi_u={{${email_address}}} など）に置き換えます。

ステップ4:Braze エクスペリエンス

  1. Braze プラットフォームの場合:
    • Android プッシュ:Push Icon Image と Expanded Notification Image フィールドに URL を貼り付けます。


    • iOS プッシュ:Media リンクフィールドに URL を貼り付け、使用しているファイル形式を示します。


    • Web プッシュ:Push Icon Image と Large Notification Image フィールドに URL を貼り付けます。


  2. 画像がキャッシュされないようにするため、メッセージの URL の先頭に空の Liquid タグを追加します。
    {% if true %}{% endif %}https://movable-ink-image-url-goes-here
  1. Braze プラットフォームで、Rich Notification Media フィールドに URL を貼り付けます。

  2. キャッシュの防止に役立つ一意の URL を指定します。Movable Ink のリアルタイム画像が機能し、キャッシュの影響を受けないようにするため、Liquid を使用して Movable Ink 画像 URL の末尾にタイムスタンプを付加します。

これを行うには、次の構文を使用します。必要に応じて画像 URL を置き換えてください。

1
2
3

{% assign timestamp = "now" | date: "%s" %}
{% assign img = "https://movable-ink-image-url-goes-here" | append:timestamp %}
{{img}}

このテンプレートは、現在の時刻（秒単位）を取得し、それを Movable Ink 画像タブの末尾に（クエリパラメーターとして）付加し、最終結果を出力します。Test タブでプレビューできます—これにより、コードが評価され、プレビューが表示されます。

3. 最後に、Segmentのメンバーシップを再評価します。これを行うには、Campaignの Target Audiences ステップにある Re-evaluate audience membership and liquid at send-time オプションを有効にします。このオプションが利用できない場合は、カスタマーサクセスマネージャーまたは Braze サポートにお問い合わせください。このオプションは、アプリ内メッセージがトリガーされるたびに、一意の URL を指定してCampaignを再要求するよう Braze SDKに指示します。

  1. Braze プラットフォームで、Rich Notification Media フィールドに URL を貼り付けます。

  2. モバイル:iOS および Android のContent Cardsの画像は、受信時にキャッシュされ、更新されません。
    • 回避策として、Campaignを毎日、毎週、または毎月の定期的なメッセージとしてスケジュールし、対応する有効期限を設定します。これにより、Content Cardsが再テンプレート化されます。たとえば、1日に1回更新する必要があるContent Cardsは、有効期間が1日に設定された毎日のスケジュール送信として設定する必要があります。
  3. Content Cardsが再テンプレート化されたときに、Movable Ink のリアルタイム画像が機能し、キャッシュの影響を受けないようにするため、Liquid を使用して Movable Ink 画像 URL の末尾にタイムスタンプを付加します。

これを行うには、次の構文を使用します。必要に応じて画像 URL を置き換えてください。

1
2
3

{% assign timestamp = "now" | date: "%s" %}
{% assign img = "https://movable-ink-image-url-goes-here" | append:timestamp %}
{{img}}

このテンプレートは、現在の時刻（秒単位）を取得し、それを Movable Ink 画像タブの末尾に（クエリパラメーターとして）付加し、最終結果を出力します。Test タブでプレビューできます。これにより、コードが評価され、プレビューが表示されます。

トラブルシューティング

ダイナミック画像が正しく表示されませんか？どのチャネルで問題が発生していますか？

  • プッシュ通知:Movable Ink 画像 URL の前に空のロジックがあることを確認します。
    {% if true %}{% endif %}https://movable-ink-image-url-goes-here
  • アプリ内メッセージとContent Cards:画像 URL がインプレッションごとに一意であることを確認します。このためには、各 URL が異なるものになるように適切な Liquid を追加します。アプリ内メッセージおよびContent Cardsメッセージの手順を参照してください。
  • 画像が読み込まれない:Braze ダッシュボードで、すべての「マージタグ」を対応する Liquid フィールドに必ず置き換えてください。たとえば、https://mi-msg.com/p/rp/image.png?mi_u=%%email%% を https://mi-msg.com/p/rp/image.png?mi_u={{${email_address}}} に置き換えます。

Android で GIF を表示するときに問題がありますか？
New Stuff!