> ## Documentation Index
> Fetch the complete documentation index at: https://moengage.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Cards の概要

> アプリの受信箱やフィードにオファー、レコメンデーション、キャンペーンを配信するための、永続的でカスタマイズ可能なメッセージングチャネルである MoEngage Cards について説明します。

Cards は、パーソナライズされたキャンペーン、オファー、レコメンデーションを配信するための独自のカスタマイズ可能なエンゲージメントチャネルです。Card はユーザーのアプリの受信箱やニュースフィードに保持され、ユーザーの作業の流れを妨げません。MoEngage Cards Inbox または Self-handled Cards を使用して、アプリケーション上のユーザーに Card キャンペーンを配信できます。

| MoEngage Cards Inbox | **Self-handled Cards** |
| - | - |
| <img src="https://mintcdn.com/moengage/wIFGWsQFEjsz2j4v/images/moengage_e159c3.png?fit=max&auto=format&n=wIFGWsQFEjsz2j4v&q=85&s=78fbceae667ccb5aac1007dbae77e45f" alt="MoENgageCards.png" width="1082" height="1922" data-path="images/moengage_e159c3.png" /> | <img src="https://mintcdn.com/moengage/fVqFKGn_bbcOn3ck/images/moengage_21663e.png?fit=max&auto=format&n=fVqFKGn_bbcOn3ck&q=85&s=8253e03732684feb7bc8f0117e85df1b" alt="self handled.png" width="1534" height="1420" data-path="images/moengage_21663e.png" /> |

<Info>
  * MoEngage Cards Inbox は MoEngage Push Notification Center とは異なります。どちらもコンテンツ配信用の受信箱として機能しますが、配信先が同じ場所にあるとは限りません。
  * Card は **Cards Inbox** 内に表示され、プッシュ通知は **Notification Inbox** に表示されます。詳細については、[プッシュ通知](https://www.moengage.com/docs/developer-guide/ios-sdk/push/basic/push-notifications)を参照してください。
</Info>

## メリット

* **永続的なメッセージング** - プッシュ通知、SMS、In-app 通知などの他のチャネルとは異なり、Card は一度配信されると、長期間にわたってユーザーのアプリ体験の一部として残ります。Card を使用すると、ユーザーはいつでも都合のよいときにアプリにアクセスしてコンテンツを参照できます。そのため、Card はブランドからのあらゆるコミュニケーションの集約場所として、他のチャネルと組み合わせるのに最適です。
* **オプトイン不要**: 他のチャネルとは異なり、Card はアプリ体験の一部であるため、ユーザーからの許可は必要ありません。
* **簡単なセグメンテーション、トリガー、パーソナライズ**: Card では、MoEngage が提供する優れたパーソナライズ機能とセグメンテーション機能をすべて利用できます。これにより、適切なユーザーに適切なタイミングで意図したメッセージを届けることができます。
* **インタラクションデータ**: Card の分析を MoEngage で追跡できます。
* **邪魔にならない**: Card はユーザーのアプリ体験のネイティブな一部として表示され、ユーザーを妨げません。これによりユーザーの受容性が高まり、エンゲージメントが向上します。

## ユースケース

* オファーとプロモーション
* ゲーミフィケーションとコンテストへの参加登録
* リマインダーとヒント、ポリシーおよび利用規約の変更
* 取引とサービスの更新情報
* カート/ウィッシュリストのリマインダー
* レコメンデーション

## Cards の配置と配信

MoEngage は、カスタマイズ可能で統合しやすい App Inbox を提供し、さまざまなプラットフォーム([Android](https://www.moengage.com/docs/developer-guide/android-sdk/cards/cards#install-using-bom)、[iOS](https://www.moengage.com/docs/developer-guide/ios-sdk/cards/cards-in-i-os#sdk-installation)、[Web](https://www.moengage.com/docs/developer-guide/web-sdk/cards/cards#sdk-installation))でアプリケーションを利用するユーザーへの Card の配信、表示、管理を行います。以下のいずれかの方法を使用して、アプリケーション上のユーザーに Card を配信できます。

<Tabs>
  <Tab title="Cards Inbox ">
    MoEngage のすぐに使える(Out-of-the-box)Inbox は、Basic Card と Illustration Card をフィードとしてユーザーの通知センターまたは受信箱に表示します。

    | | |
    | - | - |
    | **統合の工数** | 低  <br />基本的な統合と UI カスタマイズ値の設定が必要です。 |
    | **Cards UI** | スタイルオプションを使用して、Basic Card および Illustration Card のテンプレートとともに、Inbox(フィード)の UI を変更し、ブランドガイドラインに合わせてカスタムフォント、テーマカラー、ラベルを設定できます。<br /><img alt="MoENgageCards.png" src="https://mintcdn.com/moengage/wIFGWsQFEjsz2j4v/images/moengage_e159c3.png?fit=max&auto=format&n=wIFGWsQFEjsz2j4v&q=85&s=78fbceae667ccb5aac1007dbae77e45f" style={{ width: "120px" }} width="1082" height="1922" data-path="images/moengage_e159c3.png" /> |
    | **分析の追跡** | 配信、インプレッション、クリック、削除を自動的に追跡します。 |
    | **最適な対象** | 開発リソースが限られており、アプリ/Web サイト内にフィード(受信箱)を構築したいチーム。 |
    | **サポートされるプラットフォーム** | [Android Native](https://www.moengage.com/docs/developer-guide/android-sdk/cards/cards#ui-customizations)、[iOS Native](https://www.moengage.com/docs/developer-guide/ios-sdk/cards/cards-in-i-os#displaying-appinbox/feeds)、[Web Native](https://www.moengage.com/docs/developer-guide/web-sdk/cards/cards#ui-customizations)。 |

    ### MoEngage Cards Inbox の UI

    この UI は、実装時に以下のようにブランドテーマの要件に合わせてカスタマイズできます。

    * ラベル(フィードページのタイトル)。
    * 背景テーマ。
    * カテゴリタブ - フォント、フォントサイズ、選択時/非選択時のタブのテキスト色、選択時/非選択時のタブの背景色。
    * Card のヘッダー、メッセージ、Call to Action ボタン(CTA)、タイムスタンプのデフォルトスタイル。
    * Card のデフォルトの背景色。
    * 未クリック Card のインジケーターの色。
    * 受信箱が空の状態のコンテンツ。

    ### Cards の配信期間

    Card がユーザーに対して作成または更新されると、Card サーバーとの次回の同期で配信できる状態になります。同期は以下のように行われます。

    | | |
    | - | - |
    | **次回のアプリオープン時** | ユーザーがアプリを開き、直近 45 分以内に前回の同期が行われていない場合、受信箱が同期されます。 |
    | **次回の受信箱オープン時** | ユーザーが受信箱を開き、直近 5 分以内に前回の同期が行われていない場合、受信箱が同期されます。 |
    | **次回のプルして更新時** | ユーザーがプルして更新し、直近 5 秒以内に前回の同期が行われていない場合、受信箱が同期されます。 |
  </Tab>

  <Tab title="SDK を使用した Self-handled Cards(クライアントサイド)">
    独自にデザインした受信箱です。独自の受信箱 UI を作成して、アプリのコンテンツに合わせたアプリウィジェット、バナー、コンテンツカルーセルの形式で Card を表示できます。

    | | |
    | - | - |
    | **統合の工数** | 高  <br />カスタム UI の構築と、UI に反映するための Card ペイロードの解析が必要です。 |
    | **Cards UI** | カスタム UI  <img src="https://mintcdn.com/moengage/MkyldVVKHHCZ-kMR/images/moengage_ad0565.png?fit=max&auto=format&n=MkyldVVKHHCZ-kMR&q=85&s=ba71f835f0ba48a4598b3278b6996bc3" style={{ width: "120px" }} width="1600" height="1600" data-path="images/moengage_ad0565.png" /> |
    | **分析の追跡** | 配信、インプレッション、クリック、削除を追跡するための SDK 関数を利用できます。 |
    | **最適な対象** | 以下を行いたいチーム: <ul><li>独自のカスタム Inbox(フィード)UI を作成する。</li><li>アプリのコンテンツに合わせたアプリウィジェット、バナー、コンテンツカルーセルを作成する。</li></ul> |
    | **サポートされるプラットフォーム** | [Android Native](https://www.moengage.com/docs/developer-guide/android-sdk/cards/self-handled-cards)、[iOS Native、](https://www.moengage.com/docs/developer-guide/ios-sdk/cards/self-handled-cards) [Web Native、](https://www.moengage.com/docs/developer-guide/web-sdk/cards/self-handled-cards) [React Native、](https://www.moengage.com/docs/developer-guide/react-native-sdk/cards/self-handled-cards) [Flutter](https://www.moengage.com/docs/developer-guide/flutter-sdk/cards/self-handled-cards)。 |

    ### Cards の配信期間

    Card がユーザーに対して作成または更新されると、Card の取得リクエストが送信されるたびに Card が取得されて送信されます。同期は以下のように行われます。

    | | |
    | - | - |
    | **次回の Card 取得リクエスト時** | Card の取得リクエストが送信され、直近 45 分以内に前回の同期が行われていない場合、受信箱が同期されます。 |
    | **次回の同期付き Card 取得リクエスト時** | 直近 5 分以内に前回の同期が行われていない場合、受信箱が同期されます。 |
  </Tab>

  <Tab title="Fetch API を使用した Self-handled Cards(サーバーサイド)">
    独自にデザインした受信箱です。独自の受信箱 UI を作成して、アプリのコンテンツに合わせたアプリウィジェット、バナー、コンテンツカルーセルの形式で Card を表示できます。

    | | |
    | - | - |
    | **統合の工数** | 高  <br />カスタム UI の構築と、UI に反映するための Card ペイロードの解析が必要です。 |
    | **Cards UI** | カスタム UI  <img src="https://mintcdn.com/moengage/MkyldVVKHHCZ-kMR/images/moengage_ad0565.png?fit=max&auto=format&n=MkyldVVKHHCZ-kMR&q=85&s=ba71f835f0ba48a4598b3278b6996bc3" style={{ width: "120px" }} width="1600" height="1600" data-path="images/moengage_ad0565.png" /> |
    | **分析の追跡** | サポートされていません。 |
    | **最適な対象** | 以下を行いたいチーム: <ul><li>独自のカスタム Inbox(フィード)UI を作成する。</li><li>アプリのコンテンツに合わせたアプリウィジェット、バナー、コンテンツカルーセルを作成する。- Card のペイロードを外部システムに送信する。</li></ul> |
    | **サポートされるプラットフォーム** | サーバーベースであり、SDK は不要です。 |

    ### Cards の配信期間

    Card がユーザーに対して作成または更新されると、Card の取得リクエストが送信されるたびに Card が取得されて送信されます。これは前回の取得には依存しません。サーバーサイドの実装であるため、受信したデータに基づいて受信箱を同期する必要があります。
  </Tab>
</Tabs>

# 次のステップ

1. [Card キャンペーンの作成](/docs/ja/user-guide/campaigns-and-channels/cards/create/create-a-card-campaign)
2. [Card キャンペーンの分析](/docs/ja/user-guide/campaigns-and-channels/cards/analyze/analyze-card-campaigns)
3. [Self-handled Cards の実装ガイド - アプリのホーム画面のカルーセルバナー](/docs/ja/use-cases/cards/how-to-add-carousel-banners-on-app-home-page)
4. [Custom Connector キャンペーンを使用した Card 削除のトリガーガイド](/docs/ja/use-cases/cards/trigger-card-deletion-through-custom-connector-campaigns)

# 関連情報

* [MoEngage SDK 開発者ドキュメント](https://www.moengage.com/docs/developer-guide/introduction)
* [Cards と Push Notification Center の比較](/docs/ja/user-guide/campaigns-and-channels/cards/getting-started-with-cards/comparison-of-cards-and-push-notification-center)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.