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

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：6分

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

    始める前に

    必要なロール：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. [Save (保存)] を選択します。
    4. 埋め込みヘルプガイダンスステップを作成するには、次の手順を実行します。
      1. [ガイダンス] リストからガイダンスを選択します。
      2. [ヘルプガイダンスステップ] 関連リスト [ 新規] を選択します。
      3. フォームのフィールドに入力します。
        表 : 2. [ヘルプガイダンスステップ] フォーム
        フィールド 説明
        名前 ガイダンスの名前。
        レイアウト ガイダンスの選択したレイアウト。
        • ビデオ
        • イメージ
        • テキスト
        • 質問
        • 画像とテキスト
        • 画像と質問
        順序 ガイダンスが表示される順序。最も小さい数字が最初で、次の時系列の数字が続きます。
        アクションラベル ユーザーがガイダンスモーダルを移動できるようにするボタンラベル。
        アプリケーション ガイダンスのアプリケーションスコープ。このガイダンスはグローバルスコープに適用されます。
        ガイダンス このヘルプガイダンスステップが適用されるガイダンス。
      4. [送信] を選択します。
    5. ヘルプガイダンスステップのヘルプコンテンツを作成するには、次の手順を実行します。
      1. 関連リストヘルプガイダンスステップを選択します。
      2. [ヘルプコンテンツ] 関連リストで、[ 新規] を選択します。
      3. 注:
        フォームフィールドは、ガイダンスのタイプごとに異なります。ガイダンスについては、正しいフォームを参照してください。
        テキストフォームのフィールドに入力します。
        表 : 3. ヘルプコンテンツテキストフォーム
        フィールド 説明
        タイトル ヘルプコンテンツのタイトル。
        サブタイトル UI のヘルプコンテンツのモーダルに表示されるサブタイトル。
        タイプ 選択されたガイダンスのタイプ。
        アプリケーション ガイダンスのアプリケーションスコープ。
        ガイダンスステップ このヘルプコンテンツが関連付けられているヘルプガイダンスステップ。たとえば、イントロ/ウェルカム、すべてのメニュー、履歴などです。
        デフォルト ガイダンスステップのデフォルトであるヘルプコンテンツ。
        フッター UI のヘルプコンテンツのモーダルに表示されるフッター。
        カスタム HTML を提供 ヘルプコンテンツのカスタム HTML。
        テキスト UI のヘルプコンテンツのモーダルに表示されるテキスト。
      4. [送信] をクリックします。
      5. ビデオフォームのフィールドに入力します。
        表 : 4. ヘルプコンテンツビデオフォーム
        フィールド 説明
        タイトル ヘルプコンテンツのタイトル。
        サブタイトル UI のヘルプコンテンツのモーダルに表示されるサブタイトル。
        タイプ 選択されたガイダンスのタイプ。
        ビデオリンク 表示するビデオのリンク。
        注:
        YouTube と Vimeo のみがサポートされています。
        アプリケーション ガイダンスのアプリケーションスコープ。
        ガイダンスステップ このヘルプコンテンツが関連付けられているヘルプガイダンスステップ。たとえば、イントロ/ウェルカム、すべてのメニュー、履歴などです。
        デフォルト ガイダンスステップのデフォルトであるヘルプコンテンツ。
        フッター UI のヘルプコンテンツのモーダルに表示されるフッター。
        カスタム HTML を提供 ヘルプコンテンツのカスタム HTML。
        代替テキスト UI のヘルプコンテンツのモーダルに表示される代替テキスト。
      6. [送信] をクリックします。
      7. 画像フォームのフィールドに入力します。
        表 : 5. ヘルプコンテンツの画像フォーム
        フィールド 説明
        タイトル ヘルプコンテンツのタイトル。
        サブタイトル UI のヘルプコンテンツのモーダルに表示されるサブタイトル。
        タイプ 選択されたガイダンスのタイプ。
        イメージ ガイダンスに表示するために選択された画像。
        アプリケーション ガイダンスのアプリケーションスコープ。
        ガイダンスステップ このヘルプコンテンツが関連付けられているヘルプガイダンスステップ。たとえば、イントロ/ウェルカム、すべてのメニュー、履歴などです。
        デフォルト ガイダンスステップのデフォルトであるヘルプコンテンツ。
        フッター UI のヘルプコンテンツのモーダルに表示されるフッター。
        カスタム HTML を提供 ヘルプコンテンツのカスタム HTML。
        画像リンクを提供 画像リンクがガイダンスに表示されます。
        代替テキスト UI のヘルプコンテンツのモーダルに表示される代替テキスト。
      8. [送信] をクリックします。
      9. 質問フォームのフィールドに入力します。
        表 : 6. ヘルプコンテンツの質問フォーム
        フィールド 説明
        タイトル ヘルプコンテンツのタイトル。
        サブタイトル UI のヘルプコンテンツのモーダルに表示されるサブタイトル。
        タイプ 選択されたガイダンスのタイプ。
        アプリケーション ガイダンスのアプリケーションスコープ。
        ガイダンスステップ このヘルプコンテンツが関連付けられているヘルプガイダンスステップ。たとえば、イントロ/ウェルカム、すべてのメニュー、履歴などです。
        デフォルト ガイダンスステップのデフォルトであるヘルプコンテンツ。
        フッター UI のヘルプコンテンツのモーダルに表示されるフッター。
        カスタム HTML を提供 ヘルプコンテンツのカスタム HTML。
      10. [送信] を選択します。
      11. [ヘルプの質問] 関連フィールドで [新規 ] を選択します。
        表 : 7. ヘルプの質問フォーム
        フィールド 説明
        質問 ガイダンスに追加する質問の内容。
        順序 ガイダンス内の質問の順番。
        バリアント 質問のバリアント。
        • 回答が 1 つしかない質問に対して [ラジオ] が選択されます。
        • 複数の回答がある質問の場合は、チェックボックスが選択されます。
        アプリケーション ガイダンスのアプリケーションスコープ。
        ヘルプコンテンツ 質問が作成されたヘルプコンテンツ。
        必須 選択されている場合、質問は必須です。
      12. [ヘルプの回答] 関連フィールドで [新規 ] を選択して回答を作成します。
        表 : 8. ヘルプ回答フォーム
        フィールド 説明
        ラベル 回答のラベル。
        値 回答の値。
        順序 回答の順序。
        アプリケーション ガイダンスのアプリケーションスコープ。
        質問 回答が作成される質問。
      13. [送信] を選択します。
    6. オンボーディングエクスペリエンスを構築するための追加のガイダンスを作成します。
    7. オンボーディングガイダンスの作成が完了したら、ガイダンスフォームでガイダンスのステータスが [公開済み ] に設定されていることを確認します。
    8. [ガイダンス] フォームで、[ 更新] を選択します。