カスタムコンポーネントの作成

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

    • サードパーティの Web サイトで情報を表示したり、ユーザー入力をキャプチャしたり、インタラクティブな機能を提供したりするカスタムコンポーネントを作成します。既存のコンポーネントをクローンしてカスタマイズすることもできます。

    始める前に

    • Zurich リリース以降、インスタンスではコンポーネント UI ビルダー がデフォルトで有効になっています。
    • リリースバージョンの既存のお客様 Zurich リリースより前に、UI ビルダープラグイン (sn_ui_builder) をアクティブ化してカスタムコンポーネントを作成することで、インスタンスでコンポーネント UI ビルダー を有効にする必要があります。
    • コンポーネントの作成 UI ビルダー バージョン 27.2 以降を参照していることを確認してください。
    • [sn_cb_experiences.uib.enable.cb] システムプロパティが true に設定されていることを確認します。

    必要なロール:sn_embeddable_core.emb_admin

    手順

    1. 移動先 すべて > Web 埋め込み > ホームページ.
    2. [コンポーネントの管理] セクションで、[ コンポーネントの作成] を選択します。
    3. 次のフィールド値を入力します。
      フィールド 説明
      名前 カスタムコンポーネントの名前。
      コンポーネントタグサフィックス コンポーネントタグのプリフィックスに追加する一意の値を入力します。後で編集することはできません。
      コンポーネントタグ 埋め込みコードで使用されるタグは、コンポーネントを識別するのに役立ちます。
      説明 コンポーネントの説明。
      アイコン カスタムコンポーネントのサムネイル画像。
    4. [コンポーネントの作成] を選択します。
      UI ビルダー アプリケーションが埋め込み可能モードの新しいブラウザータブで開き、コンポーネントをカスタマイズできます。
    5. 空白のキャンバスで、[ コンテンツの追加] を選択します。
      注:
      コンポーネントパレットには、埋め込み対象のコンポーネントが表示されます。[埋め込み準備完了] カテゴリが選択されていることを確認します。
    6. コンポーネントを選択します。
    7. コンポーネントのプロパティを構成します。
    8. オプション: 他のカテゴリからコンポーネントを選択します。
      注:
      他のカテゴリを選択する場合は、追加されたコンポーネントがサードパーティ Web サイトにコンポーネントを埋め込むための基準を満たしていることを確認してください。
    9. 変更を保存します。
    10. [ 埋め込み可能コンポーネントを構成 ] を選択して、 Web 埋め込み可能 アプリのホームページに戻ります。

    タスクの結果

    カスタムコンポーネントは、Web 埋め込み可能アプリのホームページの [コンポーネントの管理] セクションに作成され、カスタムラベルで識別されます。