オンボーディングモーダルの作成

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む3読むのに数分

    • 独自のオンボーディングモーダルを作成して、ユーザーに新しいエクスペリエンスやアプリケーションを紹介します。

    始める前に

    必要なロール：admin

    手順

    1. 移動先 すべて > アダプションサービス > ガイダンスの作成.
    2. オンボーディングモーダルを作成するには、次の手順を実行します。
      1. フォームのフィールドに入力します。
        表 : 1. ガイダンスフォーム
        フィールド 説明
        順番 ガイダンスの表示順序。最も小さい番号が最初に表示され、次の時系列番号が続きます。
        名前 オンボーディングエクスペリエンスの名前。
        タイプ UI に表示されるガイダンスのタイプ。[モーダル] を選択します。
        ロール このガイダンスのロール。
        アプリケーション ガイダンスの申請。
        ステータス ガイダンスのステータス。
        アクティブ ガイダンスを有効または無効に選択します。
      2. [送信] を選択します。
    3. 作成したオンボーディングモーダルを起動するには、次の手順を実行します。
      1. UIB でクライアントスクリプトを作成します。
      2. [コード スニペット] に「 api.emit('SN_HELP#GUIDANCE_START_REQUESTED',{guidanceId:"ID"});
      3. ID を開くモーダルガイダンスのsys_IDに置き換えます。
      4. ページを保存します。
      5. UIB ページの左側のパネルで [ 本文 ] を選択します。
      6. 右側のパネルで、[ イベント ]タブを選択します。
      7. [ディスパッチされたイベント] で [追加] を選択します。
      8. イベント名に SN_HELP#GUIDANCE_START_REQUESTED を追加し、ラベルに名前を付けます。
      9. [保存] を選択します。
    4. 埋め込みヘルプガイダンスステップを作成するには、次の手順を実行します。
      1. [ガイダンス] リストからガイダンスを選択します。
        test2 が [ガイダンス] リストに表示されます。
      2. [ヘルプガイダンスステップ] 関連リストで、[ 新規] を選択します。
        test2 ヘルプガイダンスステップリストが表示されます。
      3. フォームのフィールドに入力します。
        表 : 2. ヘルプガイダンスステップフォーム
        フィールド 説明
        名前 ガイダンスの名前。
        レイアウト ガイダンスの選択されたレイアウト。
        順番 ガイダンスの表示順序。最も小さい番号が最初に表示され、次の時系列番号が続きます。
        アクションラベル ユーザーがガイダンスモーダル内を移動できるようにするボタンラベル。
        アプリケーション ガイダンスのアプリケーションスコープ。このガイダンスは、グローバルスコープに適用されます。
        ガイダンス このヘルプガイダンスステップが適用されるガイダンス。
      4. [送信] を選択します。
    5. ヘルプガイダンスステップのヘルプコンテンツを作成するには、次の手順を実行します。
      1. 関連リストでヘルプガイダンスステップを選択します。
        test2 ヘルプガイダンスステップリストが表示されます。
      2. [ヘルプコンテンツ] 関連リストで、[ 新規] を選択します。
        [ヘルプコンテンツ] 関連リストが表示されます。
      3. フォームのフィールドに入力します。
        表 : 3. ヘルプコンテンツフォーム
        フィールド 説明
        タイトル ヘルプコンテンツのタイトル。
        サブタイトル UI のヘルプコンテンツのモーダルに表示されるサブタイトル。
        タイプ 選択されているガイダンスのタイプ。
        アプリケーション ガイダンスのアプリケーションスコープ。
        ガイダンスステップ このヘルプコンテンツが関連付けられているヘルプガイダンスステップ。たとえば、「イントロ/ようこそ」、「すべてのメニュー」、「履歴」などです。
        デフォルト ガイダンスステップのデフォルトのヘルプコンテンツ。
        フッター UI のヘルプコンテンツのモーダルに表示されるフッター。
        カスタム HTML を提供 ヘルプコンテンツのカスタム HTML です。
        テキスト UI のヘルプコンテンツのモーダルに表示されるテキスト。
      4. [送信] をクリックします。
    6. オンボーディングエクスペリエンスを構築する追加のガイダンスを作成します。
    7. オンボーディングガイダンスの作成が完了したら、ガイダンスフォームでガイダンスのステータスが [ 公開済み ] に設定されていることを確認します。
    8. ガイダンスフォームで、 更新 を選択します。