> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/ja/what-would-you-like-to-learn-about/platform-features/reach-out-to-partners/generate-leads/create-a-custom-widget.md).

# カスタムウィジェットを作成する

パートナーがあなたのブランドを広めるための強力な動的ツールを開発しましょう。カスタムウィジェットを使用すると、iframe を介して外部ホストのツールやページを impact.com のインターフェース内に直接埋め込めます。このガイドを使って、パートナーに個別化されたリソースと一貫したブランド体験を提供するカスタムコンテンツウィジェットを作成・設定してください。

{% stepper %}
{% step %}

#### カスタムウィジェット作成ツールにアクセスする

1. 左側のナビゲーションメニューから ![](/files/7ddd72d8e69e7055d9408cf4847c5c54abf9f71d) **［Engage］** → **コンテンツ** → [**ウィジェット**](https://app.impact.com/secure/advertiser/engage/ads/list-widget-tool-flow.ihtml)**.**
2. 右上隅で、 **ウィジェットを作成** → **カスタム**.
   {% endstep %}

{% step %}

#### ウィジェットの詳細を入力

1. 入力してください **名前** カスタムウィジェットの
2. 任意で、 **説明** カスタムウィジェット用の
3. 任意で、 **ラベル** カスタムウィジェット用の
4. 必要に応じて、 ![](/files/966a7b9c51811043ca7c1811ec6f6b9ef39fd26f) **\[オンに切り替え] パートナーのアクセスを制限** ウィジェットにアクセスできる個別のパートナーとグループを指定します。
   * **パートナー:** カスタムウィジェットにアクセスできるパートナー名を入力します。
   * **グループ:** カスタムウィジェットにアクセスできるグループ名を入力します。
     {% endstep %}

{% step %}

#### ウィジェットを設定

1. 表示オプションから、ウィジェットの動作方法を選択します：
   * **新しいタブで開く：** ホスト先の URL を別タブで開きます。
   * **impact.com に埋め込む：** ウィジェットをプラットフォームのインターフェース内に直接表示します。
2. 必要に応じて、～から **プレビュー画像** セクションで、 **ファイルを選択** サムネイルをアップロードします。ファイル形式は GIF、JPG、または PNG で、512 KB を超えないようにしてください。
3. で **ウィジェットURL** フィールドに、ウィジェットがホストされているウェブアドレスを入力します。
4. 次の ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc)**\[ドロップダウンメニュー]**、サイトのセキュリティに一致するプロトコル（例：https\://）を選択します。
5. 必要に応じて、次を選択します ![](/files/31ed8bce4d22f3780f0bf5494c25049b3181e0a9) **\[追加] 動的フィールドを挿入** トークン一覧を展開します。
6. 使用するトークンを見つけて、 **挿入**。プラットフォームはトークン（例：{irpid}）を自動的にあなたの **ウィジェットURL**。以下を参照してください： [動的フィールドトークン](#dynamic-field-tokens) 各トークンの説明は下のセクションを参照してください。
   {% endstep %}

{% step %}

#### 詳細設定を更新

次の **言語** ![](/files/6f8314de4650eb50296a22f0905ff81ab67391cc)**\[ドロップダウンメニュー]**、このウィジェットの表示言語を選択します。
{% endstep %}

{% step %}

#### カスタムウィジェットを確定

選択します **作成** してウィジェットを保存します。パートナーはこのウィジェットを以下で見つけることができます： *コンテンツウィジェット*.
{% endstep %}
{% endstepper %}

<details>

<summary>動的フィールドトークン</summary>

| トークン                           | 説明                                |
| ------------------------------ | --------------------------------- |
| `{click_url_encoded}`          | エンコード済みクリックURL                    |
| `{click_url}`                  | 未エンコードのクリックURL                    |
| `{irimpurl}`                   | インプレッションURL                       |
| `{irpid}`                      | パートナーID                           |
| `{subid1}`                     | パートナーサブID 1                       |
| `{subid2}`                     | パートナーサブID 2                       |
| `{subid3}`                     | パートナーサブID 3                       |
| `{sharedId}`                   | 共有ID                              |
| `{iradid}`                     | 広告 ID                             |
| `{ircid}`                      | プログラムID                           |
| `{click_url_encoded_deeplink}` | ディープリンクパラメータが付加されたエンコード済みクリックURL。 |

</details>


---

# 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.impact.com/brand/ja/what-would-you-like-to-learn-about/platform-features/reach-out-to-partners/generate-leads/create-a-custom-widget.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.
