# impact.com のブランド設定をカスタマイズする

<a href="https://pxa.impact.com/student/activity/1117576?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=dis-350&#x26;utm_campaign=help-center" class="button primary">PXAコースを受講する</a>

プライマリのカスタムブランディングを設定できます *ログイン* ページ、 *サインアップ* および *コンソール* あなたの直取引パートナー向けのページ、および自動で送信される *メール* です。

また、各プログラムの [ブランディングを管理することもできます](https://help.impact.com/brand/ja/nitsuitebitaidesuka/account-administration/program-settings/profile-and-branding/customize-your-program-branding) パートナーが所属するプログラムに応じて異なるブランディングを表示できます。

#### 広告主ブランディングのログイン

ログインページのブランディング（CSSおよびヘッダーとフッターのHTMLを含む）をカスタマイズします。カスタムブランディングは任意ですが、カスタムブランディングのログインページを設定しないと、パートナー用のログインリンクを持つことができません。

1. 上部ナビゲーションバーから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[ユーザープロファイル] → 設定 を選択します**.
2. 左側の *ブランディング*の下で、 [**広告主ログインブランディング**](https://app.impact.com/secure/advertiser/accountSettings/brandedsettings/advertiser-self-brandedsignup-settings-flow.ihtml).
3. 変更を行います。各設定のヘルプについては下の表を参照してください。

<details>

<summary>設定リファレンス</summary>

{% hint style="info" %}
**注意：** 一部の設定は特定の impact.com エディションやアドオンでのみ利用可能です。 [お問い合わせ](https://app.impact.com/support/portal.ihtml?createTicket=true&&) してアカウントをアップグレードし、アクセスを取得してください！
{% endhint %}

| **設定**   | **説明**                                                                                                                                                                                                                                                      |
| -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ログインリンク  | <p>この設定の下にあるハイパーリンクを選択すると、ログインページのプレビューを確認できます。 <em>ログインリンク</em>.</p><p></p><p>この設定は特定の impact.com エディションやアドオンでのみ利用可能です。 <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;&#x26;">お問い合わせ</a> してアカウントをアップグレードし、アクセスを取得してください！</p> |
| CSSスタイル  | このフィールドの内容は、styleタグ内でブランディングページのheadセクションに配置されます。許可されるのはCSSスタイルのみです。背景画像はHTTPSプロトコルの絶対URLを使用する必要があります（例： `https://www.impact.com`).                                                                                                                         |
| ヘッダーHTML | ここに配置されたHTMLコードは、ブランディングページのヘッダーを描画します。すべての画像とリンクはHTTPSプロトコルの絶対URLを使用する必要があります（例： `https://www.impact.com`）。scriptタグは許可されません。最大ファイルサイズは64kbです。                                                                                                              |
| フッターHTML | ここに配置されたHTMLコードは、ウェブサイトのフッターを描画します。すべての画像とリンクはHTTPSプロトコルの絶対URLを使用する必要があります（例： `https://www.impact.com`）。scriptタグは許可されません。最大ファイルサイズは64kbです。                                                                                                                  |

</details>

4. 選択 **保存**.

#### パートナーサインアップのブランディング

直取引パートナーが最初に目にするページの1つはサインアップページです。ページのCSSスタイル、ヘッダーとフッター、プロモページやパートナーのログインページへのリンクを管理できます。カスタムブランディングを設定しない場合は impact.com のブランディングが表示されます。

1. 上部ナビゲーションバーから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[ユーザープロファイル] → 設定 を選択します**.
2. 左側の *ブランディング*の下で、 [**サインアップページ**](https://app.impact.com/secure/advertiser/accountSettings/brandedsettings/advertiser-brandedsignup-settings-flow.ihtml?).
3. 変更を行います。&#x20;
   1. 各設定のヘルプとサポートされているHTMLタグについては、下の表を参照してください。

<details>

<summary>設定リファレンス</summary>

{% hint style="info" %}
**注意：** 一部の設定は特定の impact.com エディションやアドオンでのみ利用可能です。 [お問い合わせ](https://app.impact.com/support/portal.ihtml?createTicket=true&&) してアカウントをアップグレードし、アクセスを取得してください！
{% endhint %}

| **設定**    | **説明**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| パートナー契約条項 | <p>ブランドとパートナー間に適用される契約条項を選択してください：</p><p></p><p>• <strong>プラットフォーム標準のマスタープログラム契約を使用する</strong>。契約を読み、次に選択してください <img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media" alt=""> <strong>\[未チェックのボックス]</strong> <strong>プラットフォーム標準のマスタープログラム契約を読み、使用することに同意します</strong>.</p><p></p><p>• <strong>独自のカスタムサインアップ条項（PDF）を使用する</strong>。パートナー向けの契約を含むPDFファイルをアップロードする必要があります。</p> |
| CSSスタイル   | このフィールドの内容は、styleタグ内でブランディングページのheadセクションに配置されます。許可されるのはCSSスタイルのみです。背景画像はHTTPSプロトコルの絶対URLを使用する必要があります（例： `https://www.impact.com`).                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| ヘッダーHTML  | ここに配置されたHTMLコードは、ブランディングページのヘッダーを描画します。すべての画像とリンクはHTTPSプロトコルの絶対URLを使用する必要があります（例： `https://www.impact.com`）。scriptタグは許可されません。最大ファイルサイズは64kbです。                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| フッターHTML  | ここに配置されたHTMLコードは、メールのフッターを描画します。すべての画像とリンクはHTTPSプロトコルの絶対URLを使用する必要があります。scriptタグは許可されません。最大ファイルサイズは64kbです。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| プロモページリンク | これは各プログラムに関する情報を表示します。ロゴ、短い説明、報酬率、および *今すぐ申請* ボタンがプロモページに表示されます。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ログインリンク   | パートナーがブランド化されたログインページにアクセスできるURLをパートナーに提供します。このURLをあなたのウェブサイトに配置して、パートナーがパートナーアカウントにログインできるようにします。                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |

</details>

4. 選択 **保存**.

#### パートナーコンソールのブランディング

直取引パートナー向けのUIブランディングをカスタマイズできます。一部のUI要素のスタイル設定も含まれます。

1. 上部ナビゲーションバーから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[ユーザープロファイル] → 設定 を選択します**.
2. 左側の *ブランディング*の下で、 [**パートナーコンソールブランディング**](https://app.impact.com/secure/advertiser/accountSettings/brandedsettings/advertiser-brandedsignup-settings-console-branding-flow.ihtml).
3. 変更を行います。次を参照してください *スタイリングリファレンス* および *メディアパートナーのデフォルトリファレンス* 各セクションの設定についてはヘルプを参照してください。

<details>

<summary>スタイリングリファレンス</summary>

| **スタイリング要素** | **説明**                                                                                    |
| ------------ | ----------------------------------------------------------------------------------------- |
| あなたのロゴ       | 直取引パートナーのUIの左上に表示されるロゴをアップロードします。推奨解像度は250x50です。                                          |
| あなたのファビコン    | ファビコン（お気に入りアイコン）は、URLアドレスバーなどパートナーUI全体に表示されます。impact.comは現在16x16ピクセルまでのICO画像のみをサポートしています。 |
| プラットフォーム名    | ここに入力した内容で「impact.com」への参照を置き換えます。                                                        |
| プライマリボタン番号   | アクションボタンの色を選択するか、独自の16進コードを入力します。                                                         |
| リンクカラー       | リンクの色を選択するか、独自の16進コードを入力します。                                                              |
| ハイライトカラー     | ナビゲーションバーの色を選択するか、独自の16進コードを入力します。                                                        |
| ヘッダー背景色      | ヘッダーの背景色を選択するか、独自の16進コードを入力します。                                                           |
| ヘッダーハイライト色   | ヘッダー内のリンクの色を選択するか、独自の16進コードを入力します。                                                        |
| パートナーコンソール   | このURLはあなたのブランド化されたコンソールに繋がります。プレビューを見るにはリンクに従ってください。                                      |

</details>

<details>

<summary>メディアパートナーのデフォルトリファレンス</summary>

|                          |                                                                                                                                                |
| ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| **要素**                   | **説明**                                                                                                                                         |
| リソースリンク                  | パートナーと外部情報を共有するためのリンクを入力します。これはナビゲーションバーに表示されます。リスト内に動的トラッキング値（例： `{AccountId}` ）を埋め込んで、どのパートナーアカウントIDがこのリンクを選択したかを追跡できます。                     |
| レポートアクセス                 | パートナーがレポートにアクセスできるかどうかを切り替えます。選択されている場合、パートナーがアクセスできるレポートや、これらのレポートが *レポート* ドロップダウンメニューに表示されるかどうかを指定できます。                                      |
| サポート用メールアドレス             | パートナーがサポートを必要とする場合に連絡できるメールアドレスを入力します。                                                                                                         |
| カスタムログアウトURL             | ログアウト後にパートナーがリダイレクトされるURLを入力します。ここに何も入力しない場合、パートナーはログインページにリダイレクトされます。                                                                         |
| 広告リクエスト                  | パートナーが新しい広告をリクエストできるかどうかを切り替えます。                                                                                                               |
| 関連ヘルプ                    | パートナーが *関連ヘルプコンテンツ* をUI全体で見ることができるかどうかを切り替えます。                                                                                                 |
| ヘルプセンター                  | パートナーがimpact.comのヘルプセンターを閲覧できるかどうかを切り替えます。                                                                                                     |
| ダッシュボード トラッキングリンクジェネレーター | パートナーが *リンクを作成* ウィジェットを使用してパートナーダッシュボード上でトラッキングリンクを作成できるかどうかを切り替えます。                                                                           |
| ダッシュボードの紹介ウィジェット         | パートナーがダッシュボードから紹介を送信できるかどうかを切り替えます。                                                                                                            |
| ダッシュボード指標                | <p>パートナーダッシュボードに表示される指標を選択します。最大6つまで選択できます。</p><p>• クリック数</p><p>• アクション数</p><p>• 支払額</p><p>• 売上金額</p><p>• コンバージョン率</p><p>• EPC（クリックあたりの収益）</p> |
| カスタムダッシュボードウィジェット        | <p>選択したブランド化ウィジェットをパートナーが見られるようにするか切り替えます。ウィジェットは2種類あります：</p><p>• 左ウィジェット（大）</p><p>• 右ウィジェット（小）</p>                                            |
| カスタムナビゲーションバー            | パートナーがあなたが指定したページへのリンクを含むカスタムのトップメニューバーを表示するかどうかを切り替えます。カスタムメニューバー項目は最大7つ選択でき、表示順を並べ替えることができます。                                                |
| タイムゾーン                   | すべての直取引パートナーに標準の [タイムゾーン](https://app.gitbook.com/s/hRN1rcrim887TwHLBjac/readme/supported-currencies-and-timezones) を適用したい場合は切り替えます。           |
| パートナープロフィールの変更を無効化       | パートナーがプロフィールの詳細を変更できないようにする場合は切り替えます。                                                                                                          |
| 非標準アラートを非表示              | パートナーがUI内で非標準の通知を見られないようにする場合は切り替えます。                                                                                                          |
| 保留中のアクションを非表示            | パートナーが自分で生成した保留中のアクションを表示できないようにする場合は切り替えます。                                                                                                   |
| パートナー資金転送を非表示            | パートナーがあなたの支払い転送を表示できないようにする場合は切り替えます。                                                                                                          |

</details>

4. 選択 **保存**.

#### パートナーメールのブランディング

自動送信されるパートナーメールの見た目をカスタマイズします。

1. 上部ナビゲーションバーから、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[ユーザープロファイル] → 設定 を選択します**.
2. 左側の *ブランディング*の下で、 [**システムメール**](https://app.impact.com/secure/advertiser/accountSettings/brandedsettings/advertiser-brandedsignup-settings-email-branding-flow.ihtml).
3. 変更を行います。ヘルプは下の表を参照してください。

<details>

<summary>設定リファレンス</summary>

|                   |                                                                                                                                         |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| **設定**            | **説明**                                                                                                                                  |
| テーマカラー            | インタラクティブ要素に使いたい色の16進コードを入力します。インタラクティブ要素にはボタンが含まれます。                                                                                    |
| 背景色               | 背景に使いたい色の16進コードを入力します。                                                                                                                  |
| フッターHTML          | ここに配置されたHTMLコードは、メールのフッターを描画します。すべての画像とリンクはHTTPSプロトコルの絶対URLを使用する必要があります（例： `https://www.impact.com`）。scriptタグは許可されません。最大ファイルサイズは64kbです。 |
| 返信先アドレス（Reply-To） | 自動送信されるすべてのメールの返信先メールアドレスを入力します。                                                                                                        |
| 送信者名（From Name）   | 自動送信されるすべてのメールの送信者名を入力します。                                                                                                              |
| パートナーメールのスタイリング   | 自動送信メールがどのように表示されるかをプレビューします。                                                                                                           |

</details>

4. 選択 **保存**.
