
# ホワイトラベルとカスタムドメイン

## ホワイトラベルとは？

ホワイトラベル機能を使用すると、プラットフォームに独自のブランドを適用できるため、クライアントには当社の名前ではなく、貴社の社名が表示されるようになります。クライアントは貴社独自のWebアドレス（`app.youragency.com`など）からプラットフォームにアクセスし、至る所で貴社の社名やロゴを目にするため、裏側でこのプラットフォームが使用されているとは気づきません。これは、完全にブランド化されたメッセージングプラットフォームを顧客に提供したい代理店やリセラーに最適です。

::: walkthrough white-labeling
:::

ホワイトラベル機能は、プラン名ではなく、ご契約プランの**ホワイトラベル**機能によって有効になります。この機能は、**Agency**プランおよび**Agency Unlimited**プラン、ならびに**AppSumoティア3、4、5、6**に含まれています。BusinessプランやAppSumoティア1および2には含まれていません。確認するには、**設定 → 請求**を開き、*プランに含まれるもの*の下にある**ホワイトラベル**をご確認ください。

ホワイトラベル機能では、**クレジットの再販**（**SaaSモード**としてブランド化）へのアクセスも可能になります。これにより、独自の価格設定でサブアカウントにクレジットを販売できるようになります。詳細は[エージェンシーアカウント](agency-accounts.md#credit-reselling-aka-saas-mode)をご覧ください。

---

> **初めての方へ** このページは、ホワイトラベルパネルのすべての設定に関する完全なリファレンスです。「Agencyプランにアップグレードした」状態から「最初のクライアントがログインした」状態までの手順を追ったガイドが必要な場合は、まず[ホワイトラベル・クイックスタート](white-label-quickstart.md)をお読みください。

## ホワイトラベルの設定場所

1. メインサイドバーの（サブアカウントの下、下部付近にある）**設定**をクリックします。
2. 左側の設定メニューで、**詳細**グループまでスクロールします。
3. **ホワイトラベル**をクリックします。メインエリアに**ホワイトラベル**パネルが表示されます。

「詳細（Advanced）」の下に**ホワイトラベル（White Labeling）**が表示されない場合、ご利用のプランには**ホワイトラベル**機能が含まれていません。以下の[ホワイトラベルのプラン要件](#plan-requirements-for-white-labeling)を参照してください。

### "ホワイトラベルを有効にするためにドメインを追加してください"

パネルに以下のカードではなく**ホワイトラベルを有効にするためにドメインを追加してください**と表示されている場合、ご利用のプランにはすでにホワイトラベル機能が含まれています。まだドメインが追加されていないため、表示する情報がない状態です。これは設定手順であり、機能がロックされているわけではないため、アップグレードを購入する必要はありません。

アプリを実行したいサブドメインを入力し（例: `app.yourbrand.com`）、**ドメインを追加**をクリックします。設定はこれだけです。このページの残りの部分で説明されているカードがすぐに表示され、**カスタムドメイン**カードにDNSプロバイダーで追加すべきCNAMEが表示されます。ドメインは後で変更できるため、最終的なものである必要はありません。

入力するドメインについて知っておくべきことが2つあります。

* 管理しているサブドメインを使用してください（ベアドメインは不可）。入力はサブドメインのみとし、`https://`や末尾のスラッシュは含めないでください。
* 各ドメインは1つのアカウントにのみ関連付けられます。**そのドメインは既に使用されています**というメッセージが表示された場合は、別のドメインを選択してください。

「**ホワイトラベルはご利用のプランに含まれていません（White labeling isn't included on your plan）**」という別のメッセージが表示される場合は、**ホワイトラベル**機能がプランに含まれていないことを意味します。以下の[ホワイトラベルのプラン要件](#plan-requirements-for-white-labeling)を参照してください。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-settings.png" alt="ホワイトラベリング設定パネルの「ブランド」カード。アプリ名、会社名、サポートメールアドレス、利用規約URL、プライバシーポリシーURL、SEOタイトル、SEO説明の各フィールドと、カードヘッダーの「保存」ボタンが表示されています"><figcaption><p>「ブランド」カード — このパネルの各セクションにはカードが1つずつあり、それぞれに独自の「保存」ボタンがあります。2つのURLフィールドは、お客様のドメイン上のサインアップページに反映されます。</p></figcaption></figure>
:::

このパネルの各カードは個別に保存されます。ページ全体を一度に保存するボタンはありません。カードに入力したらそのカードの**保存**をクリックし、次のカードへ進んでください。

---

## ホワイトラベルのステータス

パネルの上部にあるステータスカードには、ホワイトラベルが**有効（Active）**かどうかが表示され、ブランディングがアプリ、メール、およびすべてのサブアカウントに適用されることが通知されます。有効化自体はプロビジョニング中に行われるため、ここで切り替える必要はありません。プランに**ホワイトラベル**機能が含まれていれば、ステータスは「有効」と表示され、以下のカードを設定できるようになります。

---

## ブランド

最初の設定カードです。7つのテキストフィールドがあります：

| フィールド | 説明 |
|---|---|
| **アプリ名** | ヘッダー、メール、ブラウザのアドレスバーに表示されるブランド名です。タグラインではなく、貴社のブランド名（例: "YourAgency"）を使用してください。**必須項目**です。この項目を入力しないとカードを保存できません。設定されるまで、メール、ページタイトル、ホーム画面のショートカットには中立的なプレースホルダーである "DM Champ" が表示されるため、クライアントに弊社の名前が見えることはありません。 |
| **会社名** | フッターやメールで使用される、貴社の正式名称または会社名です。 |
| **サポートメールアドレス** | 顧客へのトランザクションメールの「差出人」アドレスとして、また、貴社のブランドドメイン上のすべての記事の末尾にある「サポートに連絡」リンクの宛先として使用されます。空欄のままにするとアカウントのメールアドレスが使用されるため、そのリンクは常に弊社ではなく貴社に届きます。 |
| **利用規約URL** | 貴社がホストする独自の利用規約ページです（例: `terms.yourbrand.com` や貴社ウェブサイト上のページ）。貴社のドメイン上のサインアップページにある「利用規約に同意する」という行からリンクされます。空欄にすると、その行はリンクのないプレーンテキストとして表示されます。プラットフォーム独自の利用規約が貴社のドメインに表示されることはありません。 |
| **プライバシーポリシーURL** | 貴社独自のプライバシーポリシーページです。利用規約リンクと同じルールが適用されます。メールにも表示させるには、[メールブランディング](#email-branding)の下でフッターリンクとして追加してください。 |
| **SEOタイトル** | ブラウザのタブタイトルおよびリンクプレビューのタイトルです。60文字以内に収めてください。 |
| **SEOディスクリプション** | URLが共有された際に表示されるリンクプレビューの説明文です。160文字以内に収めてください。 |

完了したら、ブランドカードの**保存**をクリックしてください。

---

## ロゴとファビコン

4つのアップロードスロットがあり、それぞれにプレビューと**アップロード**ボタン（上矢印アイコン）があります。アップロードすると、現在の画像がすぐに置き換わります。

| スロット | 用途 |
|---|---|
| **ロゴ** | メインの横長ロゴです。サイドバーや明るい背景に表示されます。 |
| **ロゴ（ダークモード）** | ダッシュボードがダークモードの際にも視認性を保つためのロゴです。空欄にすると、メインのロゴがすべての場所で使用されます。 |
| **ファビコン** | ブラウザのタブに表示される小さなアイコンです。正方形の画像（256×256が推奨）が最適です。 |
| **アプリアイコン（正方形）** | 正方形のマークです。クライアントがダッシュボードをスマートフォンのホーム画面にインストールする際（以下の*モバイルアプリとしてインストール*を参照）や、サイドバーが折りたたまれた際に使用されます。 |

**サポートされている形式:** 2つのロゴスロットは、PNG、WebP、SVG、JPGに対応しています。ファビコンとアプリアイコンは、PNG、WebP、SVGに対応しており、JPGは使用できません。**最大サイズ:** 各5 MB。

> **なぜロゴが2つ必要なのですか？** 白い背景用にデザインされたロゴは、暗い背景では見えなくなることがよくあります。別のダークモード用ロゴをアップロードすることで、クライアントがライトモードとダークモードのどちらを使用していても、ブランドの鮮明さを保つことができます。

> **アプリをインストールする人がいなくても、正方形のアプリアイコンをアップロードしてください。** 折りたたまれたサイドバーは幅が狭いため、横長のロゴでは縮小されて読み取れなくなります。正方形のアイコンをアップロードしておけば、多くのアプリがコンパクトなマークを表示するのと同じように、折りたたまれたサイドバーにもそのアイコンが表示されます。アップロードしない場合、メインのロゴがそのスペースに押し込まれて表示されます。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-logo-favicon.png" alt="ロゴとファビコンのカード。ロゴ、ロゴ（ダークモード）、ファビコン、アプリアイコン（正方形）の4つのアップロードスロットと、スライダーが48pxに設定されたロゴサイズセクションが表示されています。その下には「アプリメニューで48px、サインインページで68px、メールで56px」という説明、アップロードサイズのヒント、そのサイズでのロゴのプレビュー、および「デフォルト（34px）にリセット」リンクがあります。"><figcaption><p>4つのアップロードスロットと、その下のロゴサイズ設定です。スライダーを動かすと下の行が更新されるため、各画面でどのように表示されるかを常に確認できます（ここではメニューで48px）。ロゴ（ダークモード）とアプリアイコンは「なし」と表示されています。アップロードするまでは、メインロゴとデフォルトのアイコンが代わりに使用されます。</p></figcaption></figure>
:::

### ロゴのサイズ

アップロードスロットの下には**ロゴのサイズ**スライダーがあり、その横にあるボックスに数値を直接入力することもできます。これにより、メニュー内でのロゴの高さがピクセル単位で設定されます（20から72の間で設定可能で、標準サイズは34です）。

他のすべての要素もこれに合わせて拡大・縮小されるため、1つの数値を設定するだけで全体に反映されます。スライダーを動かすと、以下のように適用されるサイズがカードに表示されます。

- **アプリメニューで48px** — クライアントが常に目にするサイドバー
- **サインインページで68px** — サインイン、サインアップ、および公開予約ページ
- **メールで56px** — 貴社ブランドから送信されるすべてのメールのヘッダー
- **ヘルプドキュメント** — ドキュメント用ドメインを接続している場合、ドキュメントのヘッダーやメニューのロゴもこれに合わせて拡大されます

スライダーの下にあるプレビューで、選択したサイズでのロゴの見た目を確認できます。独自のホワイトラベルアドレスを使用している場合は、ドラッグに合わせてメニューがリサイズされるため、実際の表示を確認しながら調整可能です。カード上部の**保存**をクリックするまで変更は保存されません。**デフォルトに戻す (34px)** をクリックすると、元の設定に戻ります。

> **どのサイズの画像をアップロードすべきですか？** スライダーを動かすとカードに表示されます。高解像度スクリーンでもロゴが鮮明に表示されるよう、表示される高さの約2倍のサイズを目指してください。横長のロゴには各表示領域で幅の制限があります。ある一定のサイズを超えると、幅の制限に達するため、高さを上げてもロゴは大きくならなくなります。大きな設定にしてもロゴが小さく見える場合は、ロゴ自体が非常に横長であることが原因です。周囲の余白をトリミングするか、よりコンパクトなバージョンのロゴを使用する方が、スライダーで調整するよりも効果的です。

> **折りたたまれたメニューは変更されません。** クライアントがサイドバーを狭い帯状に折りたたむと、小さな正方形のスペースしか残らないため、そのスロットは固定されます。[ロゴとファビコン（Logo & Favicon）](#logo--favicon)で**アプリアイコン（正方形）**をアップロードしてください。

---

## 色

4つのカラーピッカーに加え、ワンクリックで適用できる6つの既製パレットが用意されています。

- **プライマリカラー** — ダッシュボード全体でボタンやリンクに使用されるメインカラーです。デフォルトはWhatsAppグリーン（`#25D366`）です。
- **アクセントカラー** — ハイライトやグラデーションに使用されるセカンダリカラーです。
- **成功** — 肯定的な状態や確認に使用されます。
- **危険** — エラーや破壊的なアクションに使用されます。

色の付いた四角をクリックしてピッカーを開くか、横のフィールドに16進数コードを直接入力します。完了したら、[色]カードの**保存**をクリックしてください。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-colours.png" alt="v2のカラーカード。プライマリ、アクセント、成功、警告の各カラーピッカーと16進数フィールド、およびその下に6つの既製プリセットパレットが表示されています"><figcaption><p>カラーカード：4つのカラーピッカーと、ワンクリックで適用できるプリセット（デフォルトのグリーン、インディゴ、エメラルド、ローズ、シアン、スレート）があります。</p></figcaption></figure>
:::

---

## フォント

2つのドロップダウン（**見出しフォント**と**本文フォント**）から、厳選されたプロフェッショナルなフォントリストを選択できます。どちらも自動的に読み込まれるため、インストールは不要です。その下のライブプレビューで、保存前に見出しと本文の見た目を正確に確認できます。組み込みフォントをそのまま使用する場合は、プラットフォームのデフォルト設定のままにしてください。適用するには、[フォント]カードの**保存**をクリックします。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-fonts-appearance.png" alt="v2のフォントカード。見出しフォントと本文フォントのドロップダウンメニューとライブプレビューが表示されています"><figcaption><p>フォントカード：見出しと本文のドロップダウンメニューと、その下にライブプレビューが表示されます。</p></figcaption></figure>
:::

---

## スタイルテーマ

色、フォント、背景、カード、角の形状を一括で設定できる既製のデザインです：**Original**、**Nebula**、**Bloom**、**Ember**、**Tidal**、**Mono**。

テーマをクリックすると、現在表示しているページに即座に反映されるため、推測ではなく実際の見た目で判断できます。この時点ではクライアント側には何も変更されません。**テーマを適用**（全員に保存）または**破棄**（すべて元に戻す）を選択できるバーが表示されます。ロゴ、ログインページ、その他の設定は、どちらを選択しても変更されません。

それぞれの雰囲気の違いをいくつか例に挙げます。**Nebula**は柔らかな浮き出し感のあるペーパーカードにインディゴ色を合わせ、**Ember**は大胆な境界線を持つフラットなカードに温かみのあるアンバー色を、**Tidal**はグリッド上に鮮やかなスカイブルーの極細アウトラインを、**Mono**は角が鋭く背景装飾のない白黒のミニマリズムを特徴としています。

テーマはあくまで出発点です。テーマを適用した後、その下の個別の設定を変更できます。テーマカードには現在選択中のテーマにチェックマークが表示されますが、何かをカスタマイズするとそのチェックマークは消えます。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-style-themes.png" alt="スタイルテーマカード。Original、Nebula、Bloom、Ember、Tidal、Monoの6つのテーマプリセットが表示されており、それぞれにフォントサンプルとカラードットがあります"><figcaption><p>スタイルテーマ：ワンクリックで色、フォント、外観全体をまとめて設定できます。</p></figcaption></figure>
:::

---

## 外観

ブランド化されたアプリ全体の見た目です。選択した内容はクリックした瞬間にページ上でプレビューされます。**保存**をクリックすると全員に対して反映され、ページを移動すると破棄されます。

| 設定 | 説明 |
|---|---|
| **ページ背景** | ライトモードでコンテンツの背後に表示される背景：**Glow + grid**（デフォルト）、**Glow**、**Bloom**、**Top glow**、**Grid**、**Lines**、**Zigzag**、**Dots**、**Ruled**、**Grain**、または**Plain**。 |
| **背景の動き** | デフォルトでは背景がゆっくりと流れます。オフにすると、完全に静止した背景になります。 |
| **カードスタイル** | パネルの素材：**Glass**（デフォルト）、**Paper**、**Flat**、または**Hairline**。 |
| **角の形状** | パネルやボタンの角の丸み：**Rounded**（デフォルト）、**Soft**、または**Sharp**。 |
| **装飾** | アプリ内の遊び心のあるアクセント画像（空の状態の表示や、サインイン画面の手を振るアイコンなど）。**Emojis**（デフォルトの3D絵文字）、**Line icons**、**Filled icons**、**Duotone icons**（すべてブランドカラーで表示）、または完全に削除する場合は**None**を選択します。 |
| **密度** | **Comfortable**（デフォルト、ゆとりのある間隔）または**Compact**（間隔を詰め、画面により多くの情報を表示）。 |

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-appearance-full.png" alt="ページ背景、背景の動き、カードスタイル、角、装飾、密度を選択するためのセグメント化された選択肢が表示された「外観」カード。"><figcaption><p>「外観」カード — ブランド化されたアプリの全体的な外観を、1行につき1つの選択肢で設定します。</p></figcaption></figure>
:::

**サインイン画面から手を振るアイコンを削除するには**、**装飾**を**None**に設定して**保存**をクリックします。これにより、アプリ全体のすべての装飾画像がすべてのクライアントに対して非表示になります。

クライアント自身が**設定 → プロフィール → 装飾**からこの設定を上書きすることも可能です。その選択はクライアント自身のブラウザにのみ影響し、ドメインのデフォルト設定には影響しません。

---

## ログイン画面

クライアントがサインインする際に最初に目にする画面をカスタマイズします。

| 設定 | 説明 |
|---|---|
| **キャッチコピー** | サインイン画面で名前の下に表示される短い一文です（例：「おかえりなさい」）。空欄にするとデフォルトが使用されます。 |
| **背景** | **デフォルト**、**グラデーション**、または**画像**から選択します。グラデーションの場合は、CSSグラデーションを貼り付けます（例：`linear-gradient(135deg, #4f46e5, #06b6d4)`）。画像の場合は、**画像をアップロード**をクリックしてファイル（PNG、JPG、またはWebP、最大5MB）を選択します。ライブプレビューが表示され、いつでも**置き換え**や**削除**が可能です。 |
| **MetaピクセルID** | Meta（Facebook）ピクセルID（数字のみ）。クライアントが支払いリンク経由でサインアップすると、到達先のサインインページでコンバージョンイベントが発生します。以下の「[Meta広告のコンバージョンを追跡する](#tracking-meta-ads-conversions)」を参照してください。空欄にすると何も発生しません。 |

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-email-card.png" alt="v2のログイン画面カードの上部。タグラインフィールドと、デフォルトに設定された背景ドロップダウンが表示されています"><figcaption><p>ログイン画面カードのタグラインフィールドと背景フィールド（背景はここではデフォルト設定で表示されています）。</p></figcaption></figure>
:::

完了したら、[ログイン画面] カードの **保存** をクリックします。

### Meta広告のコンバージョンを追跡する

自社製品のMeta（Facebook / Instagram）広告を運用している場合、どの広告が有料クライアントの獲得につながっているかを知る必要があります。サインアップの全プロセスは、支払いリンク、チェックアウトページ、そして独自ドメインのサインインページといった、お客様がホストしていないページで行われるため、ご自身でピクセルを追加することはできません。代わりに**MetaピクセルID**フィールドにピクセルIDを貼り付けることで、独自ドメインのサインインページが代わりにピクセルを発火させます。

発火するタイミングと内容：

- クライアントがStripeまたはPayPalの支払いリンクや埋め込み価格カードを通じてチェックアウトを完了し、直接サインインページに到達した場合のみ発火します。通常のサインインページへのアクセスでは何も発生しません。
- `PageView`が発火し、プランが無料トライアルを開始した場合は`StartTrial`イベントが、クライアントが支払いを行った場合は金額と通貨を含む`Purchase`イベントが発火します。各チェックアウトは、クライアントがページを更新しても1回のみ報告されます。
- 保存されるのはピクセルIDのみです。そのIDを使用してMetaのピクセルスクリプトを読み込みます。カスタムコードを貼り付ける場所はありません。

アトリビューションは、マーケティングサイトとホワイトラベルドメインが同じドメインを共有している場合に最も効果的に機能します（例：`youragency.com`と`app.youragency.com`）。この場合、マーケティングサイトのピクセルとサインインページのピクセルが同じブラウザCookieを共有し、Metaが広告クリックとコンバージョンを自動的に紐付けます。さらに、MetaがランディングページのURLに追加する広告クリックID（`fbclid`）は、ページが引き継ぐことでチェックアウト時にも保持されます。支払いリンクに`&fbclid=...`を追加するか、SaaSモードの「支払い」タブにある**埋め込みコードをコピー**スニペットを使用してください（自動的に転送されます）。「[支払いリンクを共有する](agency-accounts.md#step-4--share-your-payment-links)」を参照してください。

ピクセルIDはMetaイベントマネージャで確認できます。ピクセル（データソース）を開き、名前の下にある番号をコピーしてください。テストチェックアウトを実際に行うことで、Metaの**テストイベント**タブやMeta Pixel Helperブラウザ拡張機能を使用してイベントが到達しているかを確認できます。

::: master-only
<figure><img src="../.gitbook/assets/tenant-login.png" alt="カスタムドメイン上のホワイトラベルログインページ。プラットフォームのブランディングはなく、代理店自身の名前とロゴが表示されています"><figcaption><p>クライアントに表示される画面：独自のドメイン上のログインページで、貴社の名前とロゴが表示されます。当社の痕跡は一切ありません。</p></figcaption></figure>
:::

---

## メールのブランディング

視覚設定の下にある**メールのブランディング**カードでは、パスワードリセット、アラート、予約確認、日次サマリーなど、クライアントが受け取るトランザクションメールの外観を制御します。これは、あなたのアカウントとすべてのサブアカウントの両方に適用されます。

メールには、**上記で設定したロゴとメインカラーが自動的に使用されます**。再入力の必要はなく、ロゴはそこで選択した**ロゴのサイズ**に合わせて拡大・縮小されます。メール固有の設定には、デフォルト言語とフッターがあります。

| フィールド | 説明 |
|---|---|
| **デフォルト言語** | クライアントが自身の言語を選択する前にドメインで表示される言語です。サインイン、パスワードリセット、サインアップの各ページ、および最初のメール（サインアップおよびチェックアウト）に適用されます。それ以降は、各クライアントの設定が使用されます。サインインページと最初のメールを英語のままにするには、**None (English)** のままにしてください。以下の「[サインインページのデフォルト言語](#default-language-for-the-sign-in-page)」および「[メールの言語とテンプレート](../settings/email-templates.md)」を参照してください。 |
| **フッターのタグライン** | メールフッターのブランド名の下に表示される短い一行（スローガンなど）です。タグラインを表示しない場合は空白のままにします。 |
| **フッターリンク** | メールフッターに表示される最大4つのリンク（「ヘルプ」や「プライバシー」など）です。**Add link** をクリックし、各リンクにラベルと完全な `https://` URL を指定します。フッターリンクを表示しない場合は、リストを空のままにします。 |

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-email-card.png" alt="v2のメールブランディングカード。ロゴと色を自動使用する旨の通知、なし（英語）に設定されたデフォルトのメール言語ドロップダウン、フッタータグラインフィールド、およびリンク追加ボタン付きのフッターリンク行が表示されています"><figcaption><p>メールブランディングカード：ロゴと色は上記のブランドおよびカラー設定から引き継がれる旨の注意書き、デフォルトのメール言語、フッターのタグライン、フッターリンクの設定です。</p></figcaption></figure>
:::

完了したら、メールブランディングカードの**保存**をクリックしてください。これは他のカードとは独立して保存されます。アカウントまたはサブアカウントから送信される次のメールには、新しいブランディングが即座に適用されます。

### サインインページのデフォルト言語

クライアントが主に特定の言語を使用している場合は、Email Branding（メールブランディング）カードの **Default language** をその言語に設定してください。これにより、クライアントがサインインする前に、ブランド化されたドメインがその言語で挨拶を表示します（サインインページの「おかえりなさい」、パスワードリセットおよび新規パスワード設定ページ、サインアップウィザードなど）。これは最初のメールの言語を選択する設定と同じであるため、1つの選択で両方をカバーできます。

いくつか知っておくべき点があります：

* これは、あなたのドメインで言語を選択したことがないブラウザにのみ適用されます。以前にサインインしたことがある、またはサイドバーメニューやプロフィールから言語を選択したことがあるユーザーは、サインインページでも自身の言語が維持されます。また、サインイン済みのクライアントは常に自身のプロフィールで設定された言語が表示されます。
* ブランド化されたドメインごとに個別の設定があるため、別の国を対象としたドメインでは、訪問者に異なる言語で挨拶を表示できます。
* 自分のドメインを確認しても英語のまま表示される場合は、以前のサインインによってブラウザに言語設定が保存されている可能性が高いです。プライベートウィンドウでページを開き、新規訪問者にどのように表示されるかを確認してください。
* **None (English)** のままにすると、クライアントがサインインするまでサインインページは英語のままになります。

::: tip
**ヒント:** 独自のメールプロバイダー（MailgunまたはSMTP — [カスタムメールプロバイダー](../settings/email-provider.md)を参照）を接続している場合でも、これらのブランディング設定がその上に適用されます。プロバイダーはメールの「送信元メールボックス」を制御し、メールブランディングは「メールの見た目」を制御します。
:::


---

## カスタムドメイン

**カスタムドメイン**カードでは、独自のWebアドレスをプラットフォームに向けることができます。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-domains.png" alt="v2のカスタムドメインカード。tenants.youraiconnector.comへのCNAMEが設定されたアプリドメインフィールド、緑色の「接続済み」バッジが表示されたDocsドメインとAPIドメイン、および検証ボタンの横に固定のmcp.プレフィックスが付いたフィールドを持つMCPドメインが表示されています"><figcaption><p>カスタムドメインカード。DocsとAPIはすでに検証済みで、アドレスとともに緑色の<strong>接続済み</strong>ラインが表示されています。MCPは未検証のためフィールドが表示されています。<code>mcp.</code>ラベルは固定されており、ベースドメインのみを入力します（アプリドメインから自動入力されます）。</p></figcaption></figure>
:::

### ドメインの追加

1. **アプリドメイン**フィールドに、希望するドメイン（例: `app.youragency.com`）を入力します。`https://`や末尾のスラッシュは含めないでください。
2. **保存**をクリックします。

### DNSの設定

保存すると、追加すべきCNAMEレコードがカードに表示されます：

```
app.youragency.com  →  tenants.youraiconnector.com
```

ドメイン登録業者（GoDaddy、Cloudflare、Namecheapなど）にログインし、DNS設定を見つけて、ホストに自分のドメイン、ターゲットに `tenants.youraiconnector.com` を指定した **CNAME** レコードを追加します。TTLはデフォルトのままにしてください。

> **Cloudflareをご利用ですか？** プロキシ（オレンジ色の雲のトグル）はオンのままで問題ありません。検証や証明書はどちらの設定でも機能します。ただし、1つだけ重要な設定があります。**SSL/TLS → Overview** に移動し、暗号化モードを **Flexible** ではなく **Full (strict)** に設定してください。Flexibleに設定すると、Cloudflareと当社のサーバー間で訪問者のリクエストが相互に転送され続け、「リダイレクトが多すぎます」というエラーが発生してページが表示されなくなります。

CNAMEが設定されると、プラットフォームが自動的にそれを検出し、所有権を検証し、セキュリティ証明書（TLS/SSL）をプロビジョニングします。これにより、南京錠アイコンと `https://` が有効になります。購入やインストールを行う必要はなく、証明書は永久に自動更新されます。通常、数分から1時間程度かかりますが、DNSの伝播自体は登録業者によっては時間がかかる場合があります。

> **有効になる前にドメインにアクセスしないでください。** DNSと証明書のプロビジョニングが完了する前にブラウザでアドレスを開くと、壊れたページがキャッシュされる可能性があります。その場合は、ドメインが正常に解決された後に、シークレットウィンドウまたはプライベートウィンドウで再度試してください。

> **ダッシュボードの代わりに通知ページが表示されますか？** 以前に設定されたドメインは、クラシックアプリを提供していた旧ホストを指したままになっている可能性があります。そのアプリは2026年8月15日に終了しました。旧ホストに残されたアドレスでは、あなたやクライアントがダッシュボードを開くことはできず、アクセスした全員に中立的な通知ページが表示されます。修正方法は上記のCNAMEと同じで、`app.youragency.com` を `tenants.youraiconnector.com` に向けてください。その他の変更は一切ありません。アカウント、データ、ログイン情報はそのまま保持され、変更が反映されてから数分以内にアドレスは自動的に再び機能するようになります。旧ホストを継続利用しているすべてのエージェンシーに対し、変更が必要なドメインをメールで通知済みです。

### Docs、API、MCPドメイン

アプリドメインの下には、独自のブランドを適用できるアドレスがさらに3つあります。

- **ドキュメントドメイン**（例: `docs.youragency.com`） — クライアントが閲覧するヘルプセンターです。全体に貴社の名前とロゴが表示され、記事は読者の言語設定に従います。スクリーンショットやインタラクティブなステップバイステップのウォークスルー（英語、フランス語、ドイツ語、スペイン語、ポルトガル語、オランダ語のナレーション付き）にも貴社のブランディングが反映されます。各画面は貴社の色、フォント、ロゴでレンダリングされるため、クライアントが弊社のインターフェースを目にすることはありません。まだリブランドできない一部の画面は、弊社のブランディングを表示する代わりに貴社のドメイン上では非表示になります。各記事の下部にある「ヘルプが必要ですか？サポートに連絡」ブロックの文言はそのままですが、リンク先は「ブランド」カードの**サポートメールアドレス**（空欄の場合はアカウントのメールアドレス）宛てのメールとなります。プラットフォームとしての弊社に関する情報（コミュニティ、プラン、料金など）は、言い換えられるのではなく削除されるため、それらのページは貴社のドメインには存在しません。AIの品質ティアや各アクションで使用されるクレジットなど、クライアントが自身のダッシュボードでも目にする情報はそのまま残ります。
- **APIドメイン**（例: `api.youragency.com`） — クライアントが統合を行う際に指定するAPIおよびWebhookのアドレスです。
- **MCPドメイン（AIアシスタント）**（例: `mcp.youragency.com`） — 貴社やクライアントがClaudeやChatGPTに貼り付けるアドレスです。この接続で何ができるかについては、[AIアシスタントの接続](../integrations/connect-ai-clients.md)を参照してください。

それぞれ仕組みは同じで、個別に設定します。

1. ドメイン登録サービスで、そのサブドメインに対する**CNAME**を追加し、`tenants.youraiconnector.com`（Appドメインと同じターゲット）を指すように設定します。
2. ブロックのフィールドにあるアドレスを確認し、**確認**をクリックします。`docs.` / `api.` / `mcp.` の部分は固定されており、フィールドの左側に表示されます。このラベルによってトラフィックの送信先が決定されるため、変更することはできません。入力するのはその後のドメイン部分のみであり、Appドメインから自動的に入力されるため、すべてを同じブランドで運用する場合は特に入力する必要はありません。フィールドの下にあるCNAMEの行には、検証しようとしている完全なアドレスが常に表示されます。
3. 検証が完了すると、ブロックにはアドレスとともに**接続済み**と表示され、**変更**ボタンと**削除**ボタンが表示されます。その緑色の行が表示されていれば、設定が有効になったことを意味します。ブロックにまだフィールドが表示されている場合は、そのアドレスはまだ設定されていません。

::: master-only
<figure><img src="../.gitbook/assets/tenant-docs.png" alt="A verified branded docs subdomain, showing the agency's own name in the header and the branded 'Open' button, in place of the platform's."><figcaption><p>検証済みの <code>docs.</code> サブドメイン — クライアントには当社のブランドではなく、貴社のブランドが常に表示されます。</p></figcaption></figure>
:::

各ストアフロントには、それぞれ3つのアドレスがあります。複数のブランドを運営している場合は、まず適切なストアフロントに切り替えてから検証を行ってください。アドレスは、現在表示しているストアフロントに登録されます。

APIドメインはチャットウィジェットの配信にも使用されます。ブランドドメインが有効な状態でウィジェットの埋め込みコードをコピーすると、スニペットは `api.youragency.com` を指すようになります。その後ウィジェットが読み込むすべての要素（コード、設定、アバター、ランチャー画像、通知音、メッセージそのもの）も、同じアドレスから読み込まれます。弊社を指す要素は一切含まれないため、クライアントがページを調査しても、お客様のドメイン以外が表示されることはありません。

[予約ページ](../appointments/booking-page.md)についても同様です。ブランド化されたアプリドメインで開かれた予約リンクは、APIドメインを通じて空き状況を読み込みます。そのアドレスがまだ検証されていない場合、ページは自動的に中立な共有アドレスを使用するため、リンクは引き続き機能します。`api.`を検証することで、すべてを自社ドメインで運用できるようになります。

### 後からドメインを変更する

ホワイトラベルはいつでも別のアドレスに移動できます。リブランディングや新しいドメインへの変更、あるいは単にサブドメインを変更したい場合などにご利用ください。

1. まず、ドメイン登録業者で**新しい**ドメインのCNAMEを追加し、初回と同様に `tenants.youraiconnector.com` を指すように設定します。
2. **カスタムドメイン**カードに戻り、**アプリドメイン**の値を新しいアドレスに置き換えて、**保存**をクリックします。
3. 新しい証明書の発行を待ちます。初回と同様に数分から1時間程度かかります。API、ドキュメント、MCPの各ドメインもこれに伴って移行されます。

知っておくべきいくつかの点：

- **すべてのブランディングが引き継がれます。** アプリ名、ロゴ、色、フォント、ログイン画面はそのまま引き継がれるため、再入力の必要はありません。
- **古いアドレスは機能しなくなります。** 前のアドレスをブックマークしているユーザーは新しいアドレスが必要になるため、切り替え前にクライアントへ通知してください。
- **クライアントのログイン情報には影響しません。** アカウントやパスワードはそのままに、アドレスのみが新しくなります。
- **新しいドメインが有効になるまで、古いCNAMEを削除しないでください。** そうすることで、どちらのアドレスも機能しない期間が発生するのを防げます。

---

## 最大3つのホワイトラベル

「ホワイトラベル」ページは、**ホワイトラベルドメイン**のセクションから始まります。ここにはブランド化されたドメインごとにカードが並び、最後に**ホワイトラベルを追加**タイルが表示されます。ほとんどの代理店は1つ利用しています。最大**3つ**まで運用可能で、それぞれ独自のドメイン、ブランディング、メール送信設定を持つことができます。異なる市場向けのセカンドブランドや、クライアント向けのLead Finderドメインとして活用してください。

追加のホワイトラベルドメイン（2つ目以降）は、[Champions Circle](../billing/champions-circle.md)に含まれています。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-storefronts.png" alt="ホワイトラベルページの上部。アプリとメインのバッジが付いたアクティブなドメインカードと、その横にあるホワイトラベル追加タイルが表示されています"><figcaption><p>ホワイトラベルページ上部のドメイン行：メインドメインと、2つ目のブランドやLead Finder用のホワイトラベル追加タイルが表示されています。</p></figcaption></figure>
:::

いずれかのカードをクリックすると、そのドメインを編集できます。行の下に表示されるすべての設定（ブランド、カラー、ログイン画面、カスタムドメイン、メール送信）は、選択したドメインに適用されます。メインドメインには**Main**と表示され、最後に削除できるドメインとなります。

### メインドメインの変更

**メイン**ドメインは、アカウントのデフォルトのブランディングに使用されるドメインです。アカウントから送信されるメール、メール内のアプリリンク、および特定のドメインに紐付いていないSaaSモードのプランで使用されます。別のドメインをメインにするには、そのドメインのカードにある**メインに設定**をクリックして確定します。

これを行うと、以下の2つのことが発生します。

- **メイン**バッジが新しいドメインに移動し、デフォルトのブランディングもそれに従います。
- SaaSモードで**販売先**が**メインドメイン**に設定されていたプランは、**古い**メインドメインに固定されます。これにより、現在販売中のプランは、構築時に指定されたドメインで引き続き販売されます。切り替え後のメッセージで、このように固定されたプランの数が表示されます。これらのプランを新しいメインドメインで販売したい場合は、**SaaSモード**でプランを開き、[**販売先**](agency-accounts.md#selling-a-plan-on-a-specific-white-label-domain)の選択を再度**メインドメイン**に設定してください。

特定のドメインが割り当てられているクライアントアカウント（サブアカウントで手動設定、または購入したプランによる設定）は、そのドメインを維持します。割り当てのないクライアントアカウントはメインドメインに従うため、メールやアプリリンクは新しいドメインに切り替わります。アカウント、データ、ログイン情報、および各ドメインのDNS設定はそのまま維持されます。

### ホワイトラベルの追加

1. **ホワイトラベルを追加**タイルをクリックします。
2. **このドメインで表示するもの**を選択します。アプリのすべてのエリアが最初からチェックされています。すべてのエリアをそのままにしておくと、ブランドを適用したフル機能のアプリになります。特定のエリアのチェックを外すと、ドメインの範囲を絞り込むことができます。例えば、**リード検索**のみにチェックを入れるとリード検索専用ドメインになり、チャットや連絡先などを残せば、他の機能が不要なクライアント向けの軽量なインボックスとして利用できます。
3. 管理しているサブドメイン（例: `leads.yourbrand.com`）を入力し、**ドメインを追加**をクリックします。
4. 表示されたCNAMEレコードを追加します（メインドメインと同じターゲット：`tenants.youraiconnector.com`）。証明書とルーティングは数分以内に自動的にプロビジョニングされます。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-add-storefront.png" alt="ホワイトラベルドメイン追加モーダル。アプリ領域のチェックリストと、app.yourbrand.comのプレースホルダーを持つドメインフィールドが表示されています"><figcaption><p>ホワイトラベルの追加：ドメインに表示する領域にチェックを入れ、サブドメインを入力して完了です。</p></figcaption></figure>
:::

### エリアを「表示する」ことの意味

範囲を絞り込んだドメインでサインインしたクライアントには、チェックを入れたエリアのみが表示されます。ナビゲーションやページなど、それ以外の要素は一切表示されません。以下の2点にご注意ください。

- **エリアを表示しても、その使用権限が付与されるわけではありません。** クライアントが実際に何を使用できるかは、引き続きプランの機能によって決定されます。ドメインは表示内容を決定し、プランは機能内容を決定します。
- **後から変更可能です。** ドメインのカードを選択し、**「このドメインの表示内容 (What this domain shows)」**カードでいつでもエリアのチェックをオン/オフできます。クライアントは、次回のページ読み込み時に変更を確認できます。
- **あなた自身の表示が制限されることはありません。** **サブアカウント (Sub-Accounts)**、**SaaSモード (SaaS Mode)**、**スナップショット (Snapshots)**、**チャンピオンズサークル (Champions Circle)** といったエージェンシー向けツールは、ここで何をオフにしても、自身のドメイン上のメニューに表示され続けます。このカードはクライアントの表示設定のみを対象としています。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-modules-card.png" alt="ドメインが選択されたホワイトラベル設定ページ。［このドメインで表示するもの］カードが表示されており、チェックが入ったエリアチップ（ダッシュボード、チャット、連絡先、ブロードキャストなど）の行、［保存］ボタン、および［すべて選択］でアプリ全体が表示されるという注記がある"><figcaption><p>選択したドメインの［このドメインで表示するもの］カード — いつでもエリアのチェックをオン/オフして［保存］できます。</p></figcaption></figure>
:::

---

## Lead Finder ホワイトラベル

アカウントにLead Finderが含まれている場合（[Champions Circle](../billing/champions-circle.md)またはFind Leads付与によるもの）、ドメインを**Lead Finderのみ**として表示できます。クライアントは既存のアカウントでそこにサインインし、チャットやキャンペーンなど他の機能は見ることができません。独自のロゴ、カラー、サインインページを備えているため、完全に独立した製品として機能します。

他のホワイトラベルと同様（上記参照）に追加し、表示するものとして**リード検索**のみにチェックを入れます。ブランド設定はメインドメインと同じ方法で編集できます。まずドメイン行から該当するカードを選択してください。あるドメインのブランド設定が他のドメインに影響を与えることはありません。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-leadfindr-storefront.png" alt="2つのドメインカードが表示されたホワイトラベルページ。メインのアプリドメインと選択されたLead Finderドメインがあり、その下にLead Finderドメイン独自のブランド設定が表示されています"><figcaption><p>行でLead Finderドメインを選択した状態：その下のすべての設定が、そのドメイン独自のブランディングを構成するものになります。</p></figcaption></figure>
:::

### サインインできるユーザー

Lead Finder ドメインでサインインするユーザーは、アカウントで Lead Finder へのアクセス権を持っている必要があります。クライアントの場合は、サブアカウントの「Find Leads」をオンにする（「サブアカウント」>「編集」>「機能」）、または[プラン](agency-accounts.md)に含める必要があります。アクセス権のないアカウントは、サインイン画面に戻されます。

また、[このドメインで直接プランを販売](agency-accounts.md#selling-a-plan-on-a-specific-white-label-domain)することも可能です。ティアの**販売先 (Sold on)** をLead Finderドメインに設定すると、チェックアウト、ブランディング、購入者のサブアカウント割り当てがすべてそのドメインに従うようになり、クライアントは「クレジット」ページでそれらのプランを確認できるようになります。

知っておくべきいくつかの点：

- **リードとクレジットはドメインではなくアカウントに紐付きます。** クライアントが保存したリードやクレジット残高は、メインドメインからサインインしても、Lead Finderドメインからサインインしても同じです。
- **ドメインを削除してもデータは削除されません。** クライアントのアカウント、リード、クレジットは保持されます。単にそのアドレスからサインインできなくなるだけです。後で再度設定することも可能です。

---

## ソーシャルスケジューラーのホワイトラベル

[ソーシャルスケジューラー](../social-scheduler/README.md)は、Lead Finderと全く同じ方法で、独自のブランド製品として販売できます。ホワイトラベルドメインを追加し、そのドメインで表示する機能としてスケジューラーのみを選択してください。そうすれば、クライアントはそこからサインインして、あなたのブランド名義でソーシャル投稿を作成・スケジュールできるようになります。チャット、連絡先、キャンペーンなどは表示されません。そのドメインにおけるブランディング、サインイン画面、メール送信、販売プランは、他のホワイトラベルドメインと同様に機能します。クライアントがそこにサインインするには、アカウントでスケジューラーへのアクセス権が必要です。

> **クローズドベータ版。** ソーシャルスケジューラーは現在、一部のアカウントグループに対してのみ有効化されているため、クライアント向けにスケジューラーのストアフロントを設定することはまだできません。ベータ版への参加をご希望の場合は、サポートまでお問い合わせください。

---

## ドメインごとのメール送信

各ホワイトラベルドメインには、独自の**メール送信**カードがあります。これは、そのドメインのトランザクションメール（招待、パスワードリセット、通知）をどのメール設定経由で送信するかを決定するものです。

- **デフォルト（メイン設定）** — メールはこれまで通り送信されます。何も接続していない場合、弊社のサーバーからお客様のブランディングを付与して送信されます。
- **メール設定を接続** — Mailgunや独自のSMTPサーバー（Postmark、SES、SendGrid、Resend、または独自のメールボックスなど、あらゆるトランザクションプロバイダーが利用可能）を接続することで、お客様自身のドメインの評価を使用して、独自のアドレスからメールを送信できます。
- **ドメイン間で再利用** — 設定に名前を付け、複数のドメインで同じ設定を選択することで、送信元アドレスを共有できます。選択ツールには、各設定を現在どのドメインが使用しているかが表示されます。

クライアントのメールがどのドメインに従うかは、そのサブアカウントの**ホワイトラベル**割り当てによって決定されます（[サブアカウント](sub-accounts.md)を参照）。リードファインダーのドメインに割り当てられたクライアントは、そのドメインのブランディングと送信者を使用します。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-email-sending.png" alt="ホワイトラベルドメインのメール送信カード。送信元選択が「デフォルト（メイン設定）」に設定され、「メール設定を接続」ボタンが表示されています"><figcaption><p>ドメインごとのメール送信：メイン設定の使用、新しい設定の接続、またはドメイン間での設定共有が可能です。</p></figcaption></figure>
:::

---

## 管理対象メールドメイン（メールチャネル）

メールチャネルの**管理対象アドレス**オプションを使用すると、メールボックスを接続することなく、AIが自動応答する受信トレイをアカウントですぐに利用できるようになります。ただし、デフォルトではそのアドレスはプラットフォームの共有メールドメイン上に配置されます。これは、ホワイトラベル設定において唯一、プラットフォーム名が露出する箇所であり、接続フォームやクライアントが顧客に伝えるアドレス自体に表示されてしまいます。

**管理対象メールドメイン**カード（各ホワイトラベルドメインパネルの**メール送信**のすぐ下にあります）を使用すると、この問題を解決できます。独自のメールドメインを接続することで、そのドメインを使用するクライアントが作成するすべての管理対象受信トレイが、代わりに `something@mail.yourdomain.com` として生成されるようになります。

設定方法は2通りあります。

- **すでに接続済みのMailgun設定を再利用する。** メール送信カードが独自のMailgun経由で実行されている場合、同じ送信ドメインで管理対象受信トレイを運用できます。送信はすでに検証済みであるため、受信（MX）レコードを追加するだけで済みます。
- **ホスティングを委託する。** 新しいサブドメイン（例: `mail.yourdomain.com`）を入力すると、当社のメールインフラストラクチャ上で貴社名義にてホスティングを行います。カードに表示されるDNSレコード（受信用のMX、およびその受信トレイからの返信が確実に届くようにするためのSPFとDKIM）を追加してください。

いずれの方法でも、カードには各DNSレコードがコピーボタン付きで一覧表示され、確認されるとチェックマークが付きます。DNSプロバイダーでレコードを追加した後、**レコードを検証**ボタンをクリックして再確認できます。カードが**アクティブ**と表示されれば設定完了です。その時点から、そのホワイトラベルドメインに割り当てられたクライアントは、管理対象アドレスフォームで貴社のドメインを確認できるようになります。

> **費用について。** ドメインのホスティングを弊社に委託する場合、**メールドメイン1つにつき月額100クレジット**がお客様のクレジット残高から差し引かれます。課金は**2026年10月1日**から開始されるため、それ以前に料金が発生することはありません。管理対象の受信ボックスを、お客様自身のMailgunアカウント経由で運用する場合は、引き続き無料です。

いくつか知っておくべき点があります：

- **ルートドメインではなく、サブドメインを使用してください。** ルートドメインのMXレコードをこちらに向けると、貴社の通常のメールが転送されてしまいます。`mail.` や `inbox.` のような専用のサブドメインを使用すれば、既存のメールボックスには影響しません。
- **既存の管理対象受信トレイのアドレスは維持されます。** ドメインを接続すると、新しく作成される受信トレイのドメインが変更されますが、クライアントがすでに共有している受信トレイは、切断するまで元のアドレスで動作し続けます。
- **ドメインの削除**は、そのドメイン上にクライアントの受信トレイが残っている間はブロックされます。先にそれらの受信トレイを切断してください。

---

## Googleカレンダーの同意画面

クライアントがGoogleカレンダーを接続する際、Googleはアクセスを要求するアプリ名を表示するサインインウィンドウを開きます。デフォルトではプラットフォーム自身のアプリ名が表示されるため、クライアントはドメイン上で私たちの名前を目にすることになります。「ホワイトラベル」ページの下部にある**Googleカレンダーの同意画面**カードを使用すると、独自のGoogle OAuthクライアントを設定できます。保存が完了すると、エージェンシーアカウントおよびすべてのサブアカウントでのカレンダー接続時に、プロジェクトの名前とロゴが表示されるようになります。ボタンや双方向同期の仕組みなど、クライアント側の操作に変更はありません。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-google-oauth.png" alt="ホワイトラベルページのGoogleカレンダー同意画面カード：コピーボタン付きの承認済みリダイレクトURI、2つのカレンダースコープ、Google Cloudの手順、クライアントIDとクライアントシークレットのフィールド、および「クライアントを保存」ボタン"><figcaption><p>このカードには、まずGoogleに貼り付けるリダイレクトアドレスが記載されており、次にクライアントIDとシークレットを入力します。</p></figcaption></figure>
:::

カードのバッジには、現在使用中のクライアントが表示されます。追加前は**私たちのクライアント**、追加後は**あなたのクライアント**と表示されます。

### 設定方法

Google側のすべての設定は、お客様自身のGoogle Cloudプロジェクト内で行われます。カードの手順に従って進めてください。

1. **まず`api.`ドメインを検証してください**（[ドキュメント、API、MCPドメイン](#docs-api-and-mcp-domains)を参照）。Googleはリダイレクトアドレスが所有するドメイン上にあるブランドのみを検証するため、接続は`api.yourdomain.com`を経由する必要があります。カードに私たちのデフォルトアドレスのみが表示されている場合は、オレンジ色のテキストでその旨が示されます。上記ストアフロントで`api.`ドメインを追加および検証すると、ブランド化されたアドレスが自動的に表示されます。
2. **リダイレクトアドレスをコピーします。** カードには、OAuthクライアントの「承認済みリダイレクトURI」に追加すべきすべてのアドレスが表示され、それぞれに「コピー」ボタンが付いています。最初のアドレスが接続に使用されます。
3. **Google Cloudコンソールで**、「APIとサービス」→「認証情報」から「Webアプリケーション」タイプのOAuth 2.0クライアントを作成し、リダイレクトアドレスを貼り付け、同じプロジェクトで「Google Calendar API」を有効にします。
4. **OAuth同意画面で**、ブランド名とロゴを設定し、「承認済みドメイン」にドメインを追加して、カードに記載されている2つのカレンダースコープを宣言します。
5. **クライアントIDとクライアントシークレットを貼り付け**、「クライアントを保存」をクリックします。保存前にGoogleとペアの確認を行うため、シークレットの誤りやIDの入力ミスがある場合は、Googleからの理由とともにその場で拒否されます。

### Googleによる検証

新規のOAuthクライアントは、Googleの「テスト」モードで開始されます。サインインウィンドウには「未確認のアプリ」という警告が表示され、ユーザー数は100人に制限されます。これらを解除するには、同意画面でアプリを公開し、検証を申請してください。カレンダースコープは機密情報とみなされるため、Googleはアプリのプライバシーポリシー、ホームページ、およびリダイレクト先ドメインを審査します。そのドメインはGoogle Search Consoleで検証可能である必要があり、手順1が重要となる理由はここにあります。検証には通常数日から数週間かかり、お客様とGoogleの間で直接行われます。

### 知っておくべきこと

- **既存の接続はそのまま機能します。** クライアントを追加する前に接続されたカレンダーは私たちのクライアントを使用し続け、同期も継続されます。新しい接続（および再接続）のみがお客様のクライアントを経由します。
- **クライアントの削除や変更を行うと**、新しい接続は私たちのクライアントに戻りますが、削除されたクライアントを通じて接続されていたカレンダーは同期を停止します。接続を維持できるのは、その接続を発行したクライアントのみです。該当するクライアントには、「予約とカレンダー」ページで再接続を促すメッセージが表示されます。
- **カレンダーのみが対象です。** メールチャネル用のGmailメールボックスの接続には、引き続き私たちのクライアントが使用されます。

---

## ヘルプメニューの表示設定

パネルの最後のカードには、3つのトグルがあります：

| トグル | オフにした場合の効果 |
|---|---|
| **ヘルプメニューを表示** | サブアカウントから「ヘルプ」ナビゲーション項目を非表示にします。管理者には常に表示されます。 |
| **APIリファレンスを表示** | ブランド化されたドキュメントサイトから、APIリファレンスページとそのサイドバーリンクを非表示にします。 |
| **変更履歴を表示** | ブランド化されたドキュメントサイトから「変更履歴」セクションを非表示にします。 |

多くの代理店では、後の2つをオフにしています。クライアントは内部機能のフィードや開発者向けドキュメントを見る必要がないためです。これらのトグルは即座に保存されます。このカードには個別の保存ボタンはありません。

::: master-only
<figure><img src="../.gitbook/assets/v2-whitelabel-help-menu.png" alt="ライブのホワイトラベルアカウントにおけるv2のヘルプメニュー表示カード。ヘルプメニューはON、APIリファレンスと変更履歴はOFFになっています"><figcaption><p>運用中のエージェンシーにおけるヘルプメニュー表示カードの例：ヘルプメニューはオン、APIリファレンスと変更履歴はオフという一般的な設定です。</p></figcaption></figure>
:::

---

## ホワイトラベルのプラン要件

ホワイトラベル機能は、プラン名ではなく、ご契約プランの**ホワイトラベル**機能によって有効になります。この機能は、**Agency**プランおよび**Agency Unlimited**プラン、ならびに**AppSumoティア3、4、5、6**に含まれています。BusinessプランやAppSumoティア1および2には含まれていません。確認するには、**設定 → 請求**を開き、*プランに含まれるもの*の下にある**ホワイトラベル**をご確認ください。

ご利用のプランにホワイトラベル機能が含まれておらず、プラットフォームをホワイトラベル化したい場合は、以下を行ってください。

1. サイドバーで**設定**をクリックします。
2. 設定メニューで（ワークスペースの下にある）**請求**をクリックします。
3. **Agency**または**Agency Unlimited**タイルの**使ってみる**をクリックし、チェックアウトを完了します。
4. 設定メニューの**詳細設定**の下に**ホワイトラベル**が表示されるようになります。

---

## クライアントへの提供方法

ホワイトラベル設定が有効になると、以下のようになります。

1. クライアントは、お客様のカスタムドメイン（例: `app.youragency.com`）からプラットフォームにアクセスします。
2. インターフェース全体で、お客様の会社名、ファビコン、ブランディングが表示されます。
3. 基盤となっているプラットフォームに関する表示は一切ありません。
4. チャット、ブロードキャスト、予約、AI機能など、すべての機能が同じように動作します。
5. クライアントのアカウントは、[サブアカウント](sub-accounts.md)ページからサブアカウントとして管理します。

---

## モバイルアプリ（PWA）としてインストールする

ホワイトラベルドメインは、完全にホワイトラベル化されたモバイルアプリとしても機能します。クライアントは数回のタップでスマートフォンのホーム画面にインストールでき（App Storeや開発者ライセンスは不要）、お客様のエージェンシーロゴと名前でネイティブアプリのように起動します。

> 💡 このモバイルアプリは **プログレッシブウェブアプリ（PWA）** であり、App Storeアプリではありません。独自のブランド名でApp Store / Play Storeに公開するには、AppleおよびGoogleの開発者ライセンス料を支払い、独自のビルドを提出する必要があります。PWAインストールは、ライセンスの手間をかけずに価値の95%を実現できる実用的な代替手段です。

### 開始する前に

1. **カスタムドメインが接続され、有効になっていること**を確認してください（上記の「カスタムドメイン」を参照）。
2. ブランドカードで **代理店のロゴとアプリ名** を設定します。これらは、インストール画面やクライアントのホーム画面に表示される内容となります。

### Android（Chrome）へのインストール

1. スマートフォンのChromeで **ホワイトラベルドメイン** (`app.youragency.com`) を開きます。`app.youraiconnector.com` ではありません。ホワイトラベルドメインを使用することで、インストール時にブランド名が適用されます。
2. 自動的にインストールプロンプトが表示される場合があります。その場合は **インストール** をタップすれば完了です。
3. プロンプトが表示されない場合は、Chrome右上の **3点メニュー** → **ホーム画面に追加**（または **アプリをインストール**）をタップします。
4. 下部に表示されるシートで **インストール** をタップして確定します。
5. これで、エージェンシーのロゴと名前が付いたアイコンがホーム画面に表示されます。

### iPhone (Safari) へのインストール

1. Safari で**ホワイトラベルドメイン**を開きます（`app.youraiconnector.com` **ではありません**）。
2. **共有**ボタン（画面下部にある上矢印付きの四角形）をタップします。
3. 共有シートをスクロールして**ホーム画面に追加**を見つけ、タップします。
4. **追加**をタップして確定します。
5. これで、貴社のロゴと名前が付いたアイコンがホーム画面に表示されます。

### プッシュ通知を有効にする

アプリをインストールし、ホーム画面から開いた後、ネイティブプッシュ通知を有効にできます：

1. ホーム画面からインストールしたアプリを開きます。
2. **Settings → Notifications** に移動します。
3. 通知を受け取りたいカテゴリ（Human Alerts、New Contacts、Credit Alertsなど）の **Web Push** をオンにします。
4. ブラウザの許可を求めるプロンプトが表示されたら、承認します。
5. **Send Test Notification** をクリックして動作を確認します。数秒以内にロック画面にプッシュ通知が届き、通知アイコンとして **あなたの代理店のロゴ** が表示されるはずです。

> ⚠️ **必ずホワイトラベルドメインからテストしてください。`app.youraiconnector.com` からは行わないでください。** プッシュ通知のサブスクリプションは登録したドメインに紐付いているため、マスタードメインからテストしてもインストール済みのホワイトラベルアプリにはプッシュ通知が送信されず、誤ったエラーが表示される可能性があります。

### 現在アプリ内でクライアントができること

インストールされたアプリは現在、エンドツーエンドの**チャット体験**（連絡先への返信、AIボットの引き継ぎ、プッシュ通知）をサポートしています。今後、モバイル体験にさらに多くの機能が追加される予定です。その他の機能については、引き続き任意のブラウザでホワイトラベルドメインからフルダッシュボードを開くことができます。

---

## トラブルシューティング

### ドメインが有効にならない

- レジストラで設定したCNAMEレコードが、カスタムドメインカードに表示されている内容（ホストとターゲット）と完全に一致していることを再確認してください（`tenants.youraiconnector.com`）。
- DNSの反映には時間がかかる場合があります。最新のレジストラ（Cloudflare、Namecheapなど）であれば通常1時間以内ですが、それ以外では時間がかかることもあります。
- ドメインでCloudflareのプロキシ（オレンジ色の雲）が有効になっていても問題ありません。そのままにしておいてください。ただし、**SSL/TLS → Overview** を確認し、暗号化モードが **Full (strict)** になっていることを確認してください。DNS設定が正しいにもかかわらず「リダイレクトが多すぎます」というエラーが発生する場合、その原因の多くは **Flexible** 設定にあります。
- プロビジョニングが完了する前にドメインにアクセスした場合、ブラウザが壊れたページをキャッシュしている可能性があります。シークレットウィンドウ（プライベートブラウズ）で試してください。
- 24時間経過しても解決しない場合は、ドメイン名とカスタムドメインカードのスクリーンショットを添えてサポートまでお問い合わせください。

### ドメインを変更したところ、何も読み込まれなくなりました

**新しい**アドレスのCNAMEがドメイン登録業者で設定されており、`tenants.youraiconnector.com` を指しているか確認してください。ドメイン名を変更した場合は独自のレコードが必要であり、古いレコードは引き継がれません。レコードが正しいにもかかわらず、1時間経過してもアドレスが読み込まれない場合（証明書の警告が表示される、またはページが全く表示されないなど）、古いドメイン名と新しいドメイン名を添えてサポートまでお問い合わせください。

### ログインページにロゴが表示されない

**Logo & Favicon** カードでロゴをアップロードし、カスタムドメインをハードリフレッシュ（Ctrl+Shift+R / Cmd+Shift+R）してください。ロゴがアップロードされるまで、ログインページには本来ロゴがあるべき場所に壊れた画像のアイコンが表示されます。

### メールにブランド名ではなく "DM Champ" と表示される

ブランドカードの **アプリ名** フィールドが空になっています。入力するまで、メール、ページタイトル、ホーム画面のショートカットには中立的なプレースホルダーである "DM Champ" が表示されます。ブランド名を入力してブランドカードの **保存** をクリックし、**メールテンプレート** から新しいテストメールを送信してください。送信者名、フッター、ダークモードのロゴはすべてアプリ名に従って更新されます。

### カレンダー接続時にGoogleのサインインウィンドウでプラットフォーム名が表示される場合

独自のGoogle OAuthクライアントがまだ保存されていないか、クライアントが追加される前に接続が行われた可能性があります。ホワイトラベルページ下部の「Googleカレンダーの同意画面」カードでクライアントを追加してください（[Googleカレンダーの同意画面](#google-calendar-consent-screen)を参照）。それ以前に行われた接続は、クライアントが切断して再接続するまで、私たちのクライアントを使用し続けます。

### メールのヘッダーにはロゴが表示されるが、フッターが一般的すぎる

上記と同じ原因で、**アプリ名** が空であることが理由です。入力してブランドカードを保存してください。

---

## ヘルプが必要ですか？

If you need assistance setting up white-labeling or configuring your custom domain, reach out via our [email support](mailto:hi@dmchamp.com).
