バニティURLのブランディングをカスタマイズする

バニティURLが承認されれば、組織のブランディングに合わせてカスタマイズできます。Zoomロゴやマーケティング資料を使用してページをカスタマイズする前に、弊社のブランディングガイドラインを確認してください。

ブランディングの変更は、貴社のバニティURL(例: yourorganization.zoom.us)からZoomウェブポータルにアクセスする場合にのみ適用されます。zoom.usからウェブポータルにアクセスする場合、ブランディングは適用されません。

:

バニティURLのブランディング設定をカスタマイズするための要件

カスタムブランディング設定の制限事項

目次

すべてのブランディング設定にアクセスする方法

  1. アカウントオーナーまたは管理者としてZoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [アカウント] をクリックします。
  4. [ブランディング] をクリックします。
  5. 編集したいバニティURLを選択します。
    : バニティURLが1つしかない場合は、追加のオプションは表示されません。複数のバニティURLについてはこちらをご覧ください
  6. 次のタブから選択して、バニティURLのブランディングをカスタマイズします。

ランディングページをカスタマイズする方法

ランディングページは、組織のバニティURLのメインページです。ランディングページのHTMLをカスタマイズするには、次の手順を実行します。

  1. アカウントオーナーまたは管理者としてZoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [アカウント] をクリックします。
  4. [ブランディング] をクリックします。
  5. 編集したいバニティURLを選択します。
    : バニティURLが1つしかない場合は、追加のオプションは表示されません。複数のバニティURLについてはこちらをご覧ください
  6. [ランディングページ] タブをクリックします。
  7. 以下のセクションに従い、組織のブランディングに合わせてランディングページを変更します。
    : 属性をすばやく見つけるには、Ctrl + FキーまたはCmd + Fキーを押して属性名を入力します。次に、指示に従って属性を更新します。
  8. 変更が完了したら、[適用] をクリックします。
  9. (オプション)複数のバニティURLがある場合は、手順5~8を繰り返して別のバニティURLのランディングページを変更するか、[すべてのバニティURLに適用] をクリックして同じ変更をすべてに適用します。
  10. (オプション)すべての変更をデフォルトのHTMLに戻すには、[復元] をクリックします。

背景画像

属性名: background-image

背景画像を変更するには、引用符内のURLを使用したい画像のURLに更新します。

サンプル:

background-image: url("https://yourorganization.zoom.us/account/branding/p/backgroundimage.jpg");

コンテンツのテキスト色

ランディングページのコンテンツのテキスト色(ボタンを含まない)を変更するには、.content-body { }color属性を追加します。背景が暗い場合は明るい色を使用します。

サンプル:

.content-body {
display: table-cell;
vertical-align: middle;
color: white;
}

ページタイトル

属性名: title

ページタイトルは、ブラウザタブ内でページ名として表示される内容を決定します。<title></title>の間にページタイトルを入力してください。

サンプル:

<title>ビデオカンファレンス、ウェブカンファレンス、オンラインミーティング、画面共有</title> <!--customize landing page title--> 

branding-edit-title.gif

ボタンの背景色

属性名: background-color(.buttonの下にあるbackground-color属性を探します)

3つのボタン(参加ホストサインイン)の背景色を変更するには、16進数で指定します。たとえば、#FFFFFFは白です。

.button {
width: 80px;
background-color: #000000; /*customize button color */
border-color: #2D8CFF;
padding: 12px 20px;
display: inline-block;
text-align: center;
margin: 10px 0;
transition: .3s ease;
}

マウスを置いたときのボタンの色

属性名: background-color(.button.hoverにネスト)

マウスポインターをボタンの上に置いたときのボタンの色を変更するには、RGB値で色を指定します。たとえば、rgb(255, 255, 255)は白です。

サンプル:

.button:hover {
background-color: rgb(235, 152, 52); /*ボタンの色をカスタマイズ */
}

ボタンのテキスト色

属性: color(.btn-textの下にネスト)

ボタン内のテキスト色を変更します。ボタンに濃い色を使用した場合は、属性をに設定してください。ボタンの背景色が薄い場合は、属性をに設定してください。カスタムで16進数を指定することもできます。

サンプル:

.btn-text {
color: #008BFF; /*customize button font color */
font-size: 17px;
}

ロゴ

ランディングページで3つのボタンの上に表示されるロゴを変更します。

: デフォルトでは、ロゴのサイズは140×31.5pxに変更されます。これにより、カスタムロゴが歪む場合があります。歪みを解消するには、ランディングページHTMLの画像URLの後のclass="zoom-logo"を削除します。

サンプル:

<div class="row">
<img src="https://zoom.us/account/branding/p/1c7dfaf5-2646-4224-92e0-5abef82036b1.png" alt="Zoom Logo"> <!--customize company logo-->
<div class="row">

Zoomウェブポータルのヘッダーとフッターをカスタマイズする方法

バニティURLからアクセスしたときにウェブポータル全体に表示されるヘッダーフッターをカスタマイズすることができます。

ヘッダーを変更する

  1. アカウントオーナーまたは管理者としてZoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [アカウント] をクリックします。
  4. [ブランディング] をクリックします。
  5. 編集したいバニティURLを選択します。
    : バニティURLが1つしかない場合は、追加のオプションは表示されません。複数のバニティURLについてはこちらをご覧ください
  6. [ウェブポータル] タブをクリックします。
  7. 右側のパネルで、[ヘッダー] をクリックします。
  8. [ヘッダーのスタイル] セクションで、背景色、背景サイズ、テキスト色、テキストサイズをカスタマイズします。
  9. [ロゴ] セクションで、[置換] をクリックして組織のロゴ(GIF、JPG、BMP、またはPNG)をアップロードします。推奨サイズは1920x1080ピクセルです。
  10. [ヘッダー項目] セクションでは、ヘッダーに表示される一部の項目をカスタマイズしたり、表示順を変更したりできます。
  11. [適用] をクリックします。

フッターを変更する

  1. アカウントオーナーまたは管理者としてZoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [アカウント] をクリックします。
  4. [ブランディング] をクリックします。
  5. 編集したいバニティURLを選択します。
    : バニティURLが1つしかない場合は、追加のオプションは表示されません。複数のバニティURLについてはこちらをご覧ください
  6. [ウェブポータル] タブをクリックします。
  7. 右側のパネルで、[フッター] をクリックします。
  8. [フッターのスタイル] セクションで、背景色、背景サイズ、テキスト色、テキストサイズをカスタマイズします。
  9. [フッター項目] セクションでは、フッターに表示される一部の項目をカスタマイズできます。
    : 利用規約プライバシー許容される利用ガイドラインなどの一部のフッター項目はカスタマイズまたは削除できません。
  10. [適用] をクリックします。

メールテンプレートのカスタマイズ方法

一般的な管理用メールのメールテンプレートをカスタマイズできます。

  1. アカウントオーナーまたは管理者としてZoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [アカウント] をクリックします。
  4. [ブランディング] をクリックします。
  5. 編集したいバニティURLを選択します。
    : バニティURLが1つしかない場合は、追加のオプションは表示されません。複数のバニティURLについてはこちらをご覧ください
  6. [メール] タブをクリックします。
  7. 編集するテンプレートの横にある [編集] をクリックします。
    カスタマイズ可能なメールテンプレートは以下のとおりです。

: テンプレートではカスタムメール変数を使用できます。

ミーティングの出席後リダイレクトURLをカスタマイズする方法

  1. アカウントオーナーまたは管理者としてZoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [アカウント] をクリックします。
  4. [ブランディング] をクリックします。
  5. 編集したいバニティURLを選択します。
    : バニティURLが1つしかない場合は、追加のオプションは表示されません。複数のバニティURLについてはこちらをご覧ください
  6. [MeetingsとWebinars] タブをクリックします。
  7. [ミーティングの出席後リダイレクトURL] フィールドに、参加者をリダイレクトするURLを入力します。

詳しくは、出席後リダイレクトURLのカスタマイズについてご覧ください。

Zoom Eventsのドメインブランディングをカスタマイズする方法

詳細については、Zoom Eventsハブドメインをカスタマイズする方法をご確認ください。

ミーティングの招待メールテンプレートのカスタマイズ方法

アカウント全体のミーティング招待メールテンプレートをカスタマイズする

この設定により、アカウントオーナーまたは管理者は、アカウント内のすべてのユーザー向けに招待メールのブランディングをカスタマイズできます。

  1. アカウント設定を編集する特権を持つ管理者として、Zoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [設定] をクリックします。
  4. [ミーティング] をクリックします。
  5. [招待メールのブランディング] で、更新するメールテンプレートの [編集] をクリックします。ミーティング スケジュール メール テンプレートの詳細をご覧ください。
  6. 必要に応じてメールテンプレートを編集します。
  7. [変更の適用] をクリックし、[完了] をクリックします。

ユーザーグループ向けのミーティング招待メールテンプレートをカスタマイズする

この設定により、アカウントオーナーまたは管理者は、特定のユーザーグループ向けに招待メールのブランディングをカスタマイズできます。変更は、選択したグループ内のユーザーにのみ適用されます。

  1. グループを編集する特権を持つ管理者として、Zoomウェブポータルにサインインします。
  2. 右上隅のプロフィール画像またはイニシャルをクリックし、次に [管理センター] をクリックします。
  3. サイドメニューで [ユーザー] をクリックします。
  4. [グループ] をクリックします。
  5. リストから該当するグループ名をクリックします。
  6. [一般設定] セクションで、[製品設定を編集] をクリックします。
  7. [ミーティング] タブをクリックします。
  8. [招待メールのブランディング] で、更新するメールテンプレートの [編集] をクリックします。ミーティング スケジュール メール テンプレートの詳細をご覧ください。
  9. 必要に応じてメールテンプレートを編集します。
  10. [変更の適用] をクリックし、[完了] をクリックします。