> For the complete documentation index, see [llms.txt](https://help.citrusad.com/retail-media-interface/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.citrusad.com/retail-media-interface/integration/ja/brand-pages/brand-page-retailer-integration-guide/integration-architecture.md).

# 統合アーキテクチャ

## 統合コンポーネント

**必須コンポーネント**

1. API クライアント – ブランドページコンテンツを取得します。
2. コンテンツレンダラー – サイト上にモジュールを表示します。エラーをスローすることなく、不足している、または空のモジュールやフィールドを処理します。オプションのクリエイティブデータが存在しない場合は、フォールバックするかUIブロックを非表示にします。
3. トラッキングハンドラー – 次からトラッキング URL を構成します： `trackingTemplates` および枠ごと `trackers.<slot>params`、その後 C2S や S2S イベントを発生させます。
4. リバースプロキシ – ドメイン経由でトラッキングをルーティングします。

このセクションでは、配信とトラッキングのためのハイレベルな実行時シーケンスについて説明します。

## 統合フロー

**トラッキングオプション（1つ選択）**

| 方式                 | 使用すべきタイミング                                                                                                                    |
| ------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
| (クライアントからサーバー) C2S | 標準的なウェブ実装：ブラウザベースのインプレッションピクセルに加え、クリックリダイレクトまたはイベントビーコン（クリックおよびカート追加）。このアプローチは、 Epsilon により、ほとんどのリテールメディアパートナーに対して強く推奨されています。 |
| (サーバーからサーバー) S2S   | アーキテクチャでサーバーサイドでのイベント送信が必要な場合、クライアントサイドのピクセルが信頼できない場合、またはC2Sに加えてサーバーサイドでの確認を行いたい場合に使用します。                                     |

{% hint style="info" %}
**リバースプロキシが必要となるのはC2S（ブラウザ）トラッキングのみです。S2Sコールは、 Epsilon で作成したURLを使用して、 `trackingTemplates.server`** **`+`** **`trackers.<slot>params` トラッキングホストに直接送信されます（C2Sと同じレシピであり、 `BASEURL`は不要です）。S2Sコールをリバースプロキシ経由でルーティングしたり、テンプレートのホストやパスを変更したりしないでください。**
{% endhint %}

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.citrusad.com/retail-media-interface/integration/ja/brand-pages/brand-page-retailer-integration-guide/integration-architecture.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.