この例では、Hub サービスでアクション可能な通知を作成し、必要なセキュリティ トレーニングを完了したかどうかを対象者に尋ねます。

通知に表示されるビデオまたはイメージを追加できます。通知には、最大 10 個のリンクと 10 個の添付ファイルを含めることができます。

通知には、2 つのアクション可能なオプションが含まれます。トレーニングを完了した受信者は、[完了しました] をクリックします。トレーニングを完了していない受信者は、[トレーニングが必要] をクリックします。それらの受信者は、セキュリティ トレーニング ページにルーティングされます。

図 1. カスタム通知の例
期限付きのカスタム通知の例

手順

  1. [Hub サービス通知] ページに移動して、[新規] をクリックし、[通知の作成] をクリックします。
  2. [セキュリティ トレーニングが必要] という名前を入力します。
    この名前は、[通知] ページのステータス リストに表示されます。
  3. [対象者のタイプ] で、[すべての従業員] を選択します。
  4. [優先度] については、すべてのユーザーがこのトレーニングを実行する必要があるため、通知を見落とされることがないようにするために、[高優先度] を選択します。
    高優先度の通知は、ユーザーが通知に対処するまで、通知リストの上部に表示されます。
  5. [次へ] をクリックして [コンテンツ] ページに進みます。テンプレートが [実行可能] であることを確認します。
  6. [コンテンツ] セクションで、通知の詳細を入力します。
    オプション 説明
    アイコン デフォルト イメージの Intelligent Hub を使用するか、この通知用に独自のイメージを追加できます。
    タイトル [セキュリティ トレーニングが必要] というタイトルを入力します。
    サブタイトル (オプション) 完了日を強調表示するには、サブタイトル [新規および更新情報] を入力します。
    メディア タイプ (オプション)

    通知カードには、ビデオまたはイメージのいずれかを追加できます。

    通知バナーにイメージとビデオが正しく表示されるようにするには、イメージまたはビデオ ファイルへのオリジン間アクセスを許可するように Web ポータルを構成する必要があります。HTML では、適切なオリジン間リソース共有 (CORS) ヘッダーと組み合わせて、イメージを通知バナーに正しく表示できるようにする crossorigin 属性を指定する必要があります。CORS の詳細については、「オリジン間リソース共有」の Web サイトを参照してください。

    Web ポータルでイメージやビデオを正しく表示するには、Web サイトで次の CORS 要求ヘッダーを定義します。

    Access-Control-Allow-Origin: <YOUR-HUB-APP-URL>
Access-Control-Allow-Method: GET

    通知バナーにイメージを表示するには、HTTPS を含む完全な URL アドレスを入力します。完全なイメージ URL アドレスの例：https://www.mozilla.org/media/img/firefox/new/desktop/hero-mr1.c078ff206641.png。イメージは JPG または PNG ファイルにする必要があり、イメージの縦横比は 4:3 です。

    通知バナーにビデオを表示するには、埋め込みコードに src 値として表示される HTTPS を含む完全な URL アドレスを入力します。たとえば、<source src="https://mozzila/media/videos/abcvideo.mp4" となります。

    説明 この例では、メッセージの説明は次のように表示されます。

    [これは、すべての従業員がセキュリティ トレーニングの演習を毎年修了する必要があることを知らせるリマインダです。]

    [トレーニングをすでに完了している場合は、[完了しました] をクリックします。]

    [トレーニングを完了していない場合は、[トレーニングが必要] をクリックします。セキュリティ トレーニング ページが表示されます。]
    追加の詳細 (オプション) [詳細の追加] をクリックしてメッセージで呼び出す機能、ファクト、またはその他の項目を追加します。ラベルおよび説明として入力します。
    リンク (オプション) 通知には、最大 10 個のリンクを含めることができます。
  7. この通知は、[完了しました] と [トレーニングが必要] という 2 つのアクションで作成されます。
    1. 1 つ目のアクションは、セキュリティ トレーニングをすでに完了しているユーザーを対象としています。
      オプション 説明
      アクション ボタンのテキスト 通知に表示されるボタンのテキストを入力します。[完了しました] と入力します。
      [完了しました] アクション ボタンのテキスト (オプション) [完了しました] アクション ボタンがクリックされた後に通知に表示されるボタンのテキストを入力します。[確認] と入力します。
      アクション ボタンの動作 [API] をボタン タイプとして選択します。
      方法 [POST] をメソッドとして選択します。ユーザーが [完了しました] をクリックすると、応答が API エンドポイント URL に投稿されます。
      API エンドポイント 応答が投稿される URL を入力します。たとえば、https://security-training-completed.acme.com です。
      アクションを繰り返し可能にする [アクションを繰り返し可能にする] を無効にします。
      メイン [メイン] を有効にします。このボタンは、通知内の最初のボタンです。
    2. 2 つ目のアクションは、セキュリティ トレーニングを完了していないユーザーを対象としています。このボタンをクリックすると、それらのユーザーはセキュリティ トレーニング URL に送信されます。
      オプション 説明
      アクション ボタンのテキスト 通知に表示されるボタンのテキストを入力します。[トレーニングが必要] と入力します。
      [完了しました] アクション ボタンのテキスト [トレーニングが必要] がクリックされた後に通知に表示されるボタンのテキストを入力します。[進行中] と入力します。
      アクション ボタンのタイプ [開く場所] をボタン タイプとして選択します。
      リンク セキュリティ トレーニング サイトへのリンクを入力します。たとえば、https://security-training.example.com と入力します。
      繰り返し可能 [アクションを繰り返し可能にする] を無効にします。
      メイン [メイン] を無効にします。このボタンは、[完了しました] というラベルの付いたボタンの後に表示されます。
    3. [添付ファイル] セクションでは、最大 10 個の添付ファイルを通知に追加できます。個々のファイル サイズは 5 MB を超えることはできません。ユーザーは、Web ブラウザから添付ファイルをダウンロードまたはプレビューできます。
  8. [次へ] をクリックして [スケジュール設定] ページに移動し、[期限を設定] を有効にして、通知の実行期限を 2022 年 8 月 12 日に設定します。
    通知に期限が表示されます。
  9. [次へ] をクリックして、通知のサマリを表示します。
  10. [作成] をクリックして、通知を作成して送信します。