Skip to content

Movable Ink

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

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

前提条件

ユースケース

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

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

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

統合

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

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

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

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

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

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

「Website」をデータソースとして選択すると表示されるフィールド。

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

「API Integration」をデータソースとして選択すると表示されるフィールド。

ステップ2:Movable Ink プラットフォームでのキャンペーンの作成

Movable Inkのホームスクリーンから、キャンペーンを作成します。HTML からのメールの開始、画像からのメールの開始、または任意のチャネルで使用できるブロックの作成 (プッシュ、アプリ内メッセージ、コンテンツカード(推奨) など) のいずれかを選択できます。 また、ブロックを通じて利用できるさまざまなコンテンツオプションを確認することもお勧めします。

新しい Movable Ink キャンペーンを作成するときの Movable Ink プラットフォーム。

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

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

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

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

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

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

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

Movable Ink キャンペーンが完成した後に表示されるページにコンテンツ URLが表示される。

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

ステップ4:Braze体験

Braze プラットフォームで、クリエイティブなタグをメール本文に貼り付けます。

  1. Braze プラットフォームの場合:
    • Android プッシュ:プッシュアイコン画像拡張通知画像フィールドにURLを貼り付けます。


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


    • Web プッシュURL を [プッシュ通知アイコンの画像] と [大きな通知画像] フィールドに貼り付けます。


  2. 画像がキャッシュされないようにするため、メッセージの URL の先頭に空の Liquid タグを追加します。
    {% if true %}{% endif %}https://movable-ink-image-url-goes-here
  1. Braze プラットフォームで [リッチプッシュ通知メディア] フィールドに 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.最後に、セグメントのメンバーシップを再評価します。これを行うには、キャンペーンのTarget AudiencesステップにあるRe-evaluate audience membership and liquid at send-timeを有効にします。この項目を選択できない場合は、顧客のサクセスマネージャーまたはBrazeサポートに連絡してください。このオプションは、アプリ内メッセージがトリガーされるたびに、一意の URL を指定してキャンペーンを再要求するように Braze SDK に指示します。

  1. Braze プラットフォームで [リッチプッシュ通知メディア] フィールドに URL を貼り付けます。

  2. モバイル:iOS および Android のコンテンツカードの画像は、受信時にキャッシュされ、更新されません。
    • 回避策として、キャンペーンを毎日、毎週、または毎月の定期的なメッセージとしてスケジュールし、対応する有効期限を設定します。これにより、コンテンツカードが再テンプレート化されます。たとえば、1日に1回更新する必要があるコンテンツカードは、有効期間が1日に設定された毎日のスケジュール送信として設定する必要があります。
  3. コンテンツカードが再テンプレート化されたときに、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
  • アプリ内メッセージとコンテンツカード:画像 URL がインプレッションごとに一意であることを確認します。このためには、各URL が異なる URL になるように適切な Liquid を追加します。[アプリ内メッセージとコンテンツカードメッセージの手順][手順]を参照してください。
  • 画像が読み込まれない: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!