サポートに連絡する| システムステータス
ページコンテンツ

    Salesforce CommerceCloudユーザーガイド

    このドキュメントでは、Brightcove Salesforce CommerceCloudカスタムカートリッジを使用してビデオファイルをBrightcoveCloud /サーバーにアップロードし、これらのファイルをストアフロント(製品詳細ページ、カテゴリランディングページ、製品リストページなど)に公開する手順を説明します。必要に応じて。

    複数言語のサポート

    拡張機能は、ビジネスマネージャーインターフェイスの複数の UI 言語サポートを提供します。

    Organization Profile
    組織プロファイル
    Business Manager - English
    ビジネスマネージャー-英語
    Business Manager - French
    ビジネスマネージャー-フランス語

    ビデオを追加

    以下は、動画を追加する手順です。

    1. マーチャントツール-> ブライトコーブ-> 動画の追加に移動します。
    2. メニューから [ 言語 ] を選択します (デフォルトでは、サイトに対して選択されたデフォルトのロケールになります)。
      Video Language Selector
      ビデオ言語セレクタ
    3. [ビデオ] フィールドの横にある [選択]オプションをクリックします。
    4. 表示されるダイアログで、ビデオファイルを選択します。
      Select Video Dialog
      ビデオの選択ダイアログ
    5. [サムネイル] フィールドの横にある [ 選択]オプションをクリックすると、同様のポップアップダイアログが表示され、サムネイルファイルを選択できます。
    6. [ポスター] フィールドの横にある [ 選択]オプションをクリックすると、同様のポップアップダイアログが表示され、ポスターファイルを選択できます。
    7. フォームを送信して、取り込みプロセスを開始します。
      Submit Video Ingest Form
      ビデオ取り込みフォームを送信
    8. 送信後にフォーム上の成功メッセージを検証します。
      Validate Video Ingest Success
      ビデオ取り込みの成功の検証
    9. 動画が正常に取り込まれたことを確認するには、Brightcove Studio にログインし、Media モジュールに移動します。
      View Video in Studio
      スタジオでビデオを見る
    10. また、ビデオをクリックして詳細を表示して、ロケールコードを確認することもできます。
      Verify Locale Code
      ロケールコードの確認

    ビデオの割り当て-カテゴリ

    まず、カテゴリにビデオを割り当てる手順を見ていきます。

    カテゴリへのビデオの割り当て

    1. マーチャントツール-> ブライトコーブ-> 動画の割り当て (カテゴリ) に移動します
    2. 動画はロケールに割り当てられます。
      • ロケール関連データは、ドロップダウンからロケールを変更することによって表示できます。
        Locale Menu - English
        ロケールメニュー-英語
        Locale Menu - French
        ロケールメニュー-フランス語
      • ビデオサムネイルは、Video ID にカーソルを置くと表示できます。
        View Video Thumbnail
        ビデオサムネールを表示
    3. [ ビデオの割り当て]オプションをクリックして、1 つ以上のビデオを割り当てます。
    4. 既に割り当てられているビデオは、割り当てのビデオグリッドで選択したように表示されます。
      Assigned Videos
      割り当てられたビデオ
    5. 割り当てられたスロットは、同じロケールの他の動画には使用できません:
      Assigned Video Slots
      割り当てられたビデオスロット
    6. プレーヤーとスロットは、各ビデオタイルで利用可能なドロップダウンを使用して変更できます。
    7. 別のスロットで別のビデオを選択します。
    8. [ビデオを保存] ボタンをクリックして、選択したビデオを割り当てます。
      Save Video Assignment
      ビデオ割り当てを保存
    9. 割り当てられているビデオとスロットを確認します。
      Verify Video Assignment
      ビデオ割り当ての確認
    10. カテゴリオブジェクトのデータを確認します。
    11. 出品者ツール-> カタログに移動します
    12. カタログを選択します。
    13. カテゴリ/サブカテゴリを選択します。
    14. [ 編集] を選択します
    15. カテゴリ属性」を選択します
    16. [Brightcove] セクションまで下にスクロールします。
      Brightcove Category Attributes
      Brightcoveのカテゴリアトリビュート
    17. 動画をサブカテゴリに割り当てるには、カテゴリをクリックします。
      Select Category
      カテゴリを選択
    18. サブカテゴリのリストが表示されます。
      Subcategories List
      サブカテゴリリスト
    19. 手順3~16に従って、動画をサブカテゴリに割り当てます。

    マスター製品へのビデオの割り当て

    1. マーチャントツール-> ブライトコーブ-> 動画の割り当て (商品) に移動します
    2. 動画はロケールに割り当てられます。
      • ロケール関連データは、ドロップダウンからロケールを変更することによって表示できます。
        Locale Menu - English
        ロケールメニュー-英語
        Locale Menu - French
        ロケールメニュー-フランス語
      • ビデオサムネイルは、Video ID にカーソルを置くと表示できます。
        View Video Thumbnail
        ビデオサムネールを表示
    3. [ ビデオの割り当て]オプションをクリックして、1 つ以上のビデオを割り当てます。
    4. 既に割り当てられているビデオは、割り当てのビデオグリッドで選択したように表示されます。
      Assigned Videos
      割り当てられたビデオ
    5. 割り当てられたスロットは、同じロケールの他の動画には使用できません:
      Assigned Video Slots
      割り当てられたビデオスロット
    6. プレーヤーとスロットは、各ビデオタイルで利用可能なドロップダウンを使用して変更できます。
    7. 別のスロットで別のビデオを選択します。
    8. [ビデオを保存] ボタンをクリックして、選択したビデオを割り当てます。
      Save Video Assignment
      ビデオ割り当てを保存
    9. 割り当てられたビデオとスロットを確認します。
      Verify Video Assignment
      ビデオ割り当ての確認
    10. カテゴリオブジェクトのデータを確認します。
    11. 出品者ツール-> 商品に移動します
    12. 製品 ID を検索します
    13. 製品を選択します。
    14. [ 一般] を選択します
    15. [Brightcove] セクションまで下にスクロールします。
      Product Details Brightcove Section
      製品詳細Brightcoveのセクション

    バリアント商品へのビデオの割り当て

    1. マーチャントツール-> ブライトコーブ-> 動画の割り当て (商品) に移動します
    2. 製品IDをクリックします。
    3. 選択したマスターのバリアントのリストが表示されます。
      Product Variants List
      製品バリアントリスト
    4. 動画はロケールに割り当てられます。
      • ロケール関連データは、ドロップダウンからロケールを変更することによって表示できます。
        Locale Menu - English
        ロケールメニュー-英語
        Locale Menu - French
        ロケールメニュー-フランス語
      • ビデオサムネイルは、Video ID にカーソルを置くと表示できます。
        View Video Thumbnail
        ビデオサムネールを表示
    5. [ ビデオの割り当て]オプションをクリックして、1 つ以上のビデオを割り当てます。
    6. 既に割り当てられているビデオは、割り当てのビデオグリッドで選択したように表示されます。
      Assigned Videos
      割り当てられたビデオ
    7. 割り当てられたスロットは、同じロケールの他の動画には使用できません:
      Assigned Video Slots
      割り当てられたビデオスロット
    8. プレーヤーとスロットは、各ビデオタイルで利用可能なドロップダウンを使用して変更できます。
    9. 別のスロットで別のビデオを選択します。
    10. [ビデオを保存] ボタンをクリックして、選択したビデオを割り当てます。
      Save Video Assignment
      ビデオ割り当てを保存
    11. 割り当てられたビデオとスロットを確認します。
      Verify Video Assignment
      ビデオ割り当ての確認
    12. カテゴリオブジェクトのデータを確認します。
    13. 出品者ツール-> 商品に移動します
    14. 製品 ID を検索します
    15. 製品を選択します。
    16. [ 一般] を選択します
    17. [Brightcove] セクションまで下にスクロールします。
      Product Details Brightcove Section
      製品詳細Brightcoveのセクション
    18. サイトのカタログに割り当てられているすべてのバリアントのリストを取得できます。
    19. マーチャントツール-> ブライトコーブ-> 動画の割り当て (商品) に移動します
    20. バリアント製品の選択
      Variant Products
      バリアント製品
    21. 5 から 17 までの手順に従います。

    ビデオを標準製品に割り当てる

    1. マーチャントツール-> ブライトコーブ-> 動画の割り当て (標準商品) に移動します
    2. 動画はロケールに割り当てられます。
      • ロケール関連データは、ドロップダウンからロケールを変更することによって表示できます。
        Locale Menu - English
        ロケールメニュー-英語
        Locale Menu - French
        ロケールメニュー-フランス語
      • ビデオサムネイルは、Video ID にカーソルを置くと表示できます。
        View Video Thumbnail
        ビデオサムネールを表示
    3. [ ビデオの割り当て]オプションをクリックして、1 つ以上のビデオを割り当てます。
    4. 既に割り当てられているビデオは、割り当てのビデオグリッドで選択したように表示されます。
      Assigned Videos
      割り当てられたビデオ
    5. 割り当てられたスロットは、同じロケールの他の動画には使用できません:
      Assigned Video Slots
      割り当てられたビデオスロット
    6. プレーヤーとスロットは、各ビデオタイルで利用可能なドロップダウンを使用して変更できます。
    7. 別のスロットで別のビデオを選択します。
    8. [ビデオを保存] ボタンをクリックして、選択したビデオを割り当てます。
      Save Video Assignment
      ビデオ割り当てを保存
    9. 割り当てられたビデオとスロットを確認します。
      Verify Video Assignment
      ビデオ割り当ての確認
    10. 製品オブジェクトのデータを検証します。
    11. 出品者ツール-> 商品に移動します
    12. 製品 ID を検索します
    13. 製品を選択します。
    14. [ 一般] を選択します
    15. [Brightcove] セクションまで下にスクロールします。
      Product Details Brightcove Section
      製品詳細Brightcoveのセクション

    動画をバリエーショングループに割り当てる

    1. マーチャントツール-> ブライトコーブ-> 動画の割り当て (バリエーショングループ) に移動します
    2. 動画はロケールに割り当てられます。
      • ロケール関連データは、ドロップダウンからロケールを変更することによって表示できます。
        Locale Menu - English
        ロケールメニュー-英語
        Locale Menu - French
        ロケールメニュー-フランス語
      • ビデオサムネイルは、Video ID にカーソルを置くと表示できます。
        View Video Thumbnail
        ビデオサムネールを表示
    3. [ ビデオの割り当て]オプションをクリックして、1 つ以上のビデオを割り当てます。
    4. 既に割り当てられているビデオは、割り当てのビデオグリッドで選択したように表示されます。
      Assigned Videos
      割り当てられたビデオ
    5. 割り当てられたスロットは、同じロケールの他の動画には使用できません:
      Assigned Video Slots
      割り当てられたビデオスロット
    6. プレーヤーとスロットは、各ビデオタイルで利用可能なドロップダウンを使用して変更できます。
    7. 別のスロットで別のビデオを選択します。
    8. [ビデオを保存] ボタンをクリックして、選択したビデオを割り当てます。
      Save Video Assignment
      ビデオ割り当てを保存
    9. 割り当てられたビデオとスロットを確認します。
      Verify Video Assignment
      ビデオ割り当ての確認
    10. 製品オブジェクトのデータを検証します。
    11. 出品者ツール-> 商品に移動します
    12. 製品 ID を検索します
    13. 製品を選択します。
    14. [ 一般] を選択します
    15. [Brightcove] セクションまで下にスクロールします。
      Product Details Brightcove Section
      製品詳細Brightcoveのセクション
    16. バリエーショングループの割り当て済みバリアントに移動できます。
    17. バリエーショングループIDを選択します。
      Variation Group Videos
      バリエーショングループビデオ
    18. 選択したバリエーショングループのバリエーションのリストが表示されます。
      List of Variants
      バリアントのリスト

    製品セットへのビデオの割り当て

    1. マーチャントツール-> ブライトコーブ-> 動画の割り当て (商品セット) に移動します
    2. 動画はロケールに割り当てられます。
      • ロケール関連データは、ドロップダウンからロケールを変更することによって表示できます。
        Locale Menu - English
        ロケールメニュー-英語
        Locale Menu - French
        ロケールメニュー-フランス語
      • ビデオサムネイルは、Video ID にカーソルを置くと表示できます。
        View Video Thumbnail
        ビデオサムネールを表示
    3. [ ビデオの割り当て]オプションをクリックして、1 つ以上のビデオを割り当てます。
    4. 既に割り当てられているビデオは、割り当てのビデオグリッドで選択したように表示されます。
      Assigned Videos
      割り当てられたビデオ
    5. 割り当てられたスロットは、同じロケールの他の動画には使用できません:
      Assigned Video Slots
      割り当てられたビデオスロット
    6. プレーヤーとスロットは、各ビデオタイルで利用可能なドロップダウンを使用して変更できます。
    7. 別のスロットで別のビデオを選択します。
    8. [ビデオを保存] ボタンをクリックして、選択したビデオを割り当てます。
      Save Video Assignment
      ビデオ割り当てを保存
    9. 割り当てられたビデオとスロットを確認します。
      Verify Video Assignment
      ビデオ割り当ての確認
    10. 製品オブジェクトのデータを検証します。
    11. 出品者ツール-> 商品に移動します
    12. 製品 ID を検索します
    13. 製品を選択します。
    14. [ 一般] を選択します
    15. [Brightcove] セクションまで下にスクロールします。
      Product Details Brightcove Section
      製品詳細Brightcoveのセクション
    16. プロダクトセットの割り当てられたプロダクトにナビゲートできます。
    17. 製品セットIDを選択します。
      Product Set Videos
      製品セットビデオ
    18. 選択した製品セットの製品のリストが表示されます。
      List of Products
      製品一覧

    製品バンドルへのビデオの割り当て

    1. マーチャントツール-> ブライトコーブ-> 動画の割り当て (商品バンドル) に移動します
    2. 動画はロケールに割り当てられます。
      • ロケール関連データは、ドロップダウンからロケールを変更することによって表示できます。
        Locale Menu - English
        ロケールメニュー-英語
        Locale Menu - French
        ロケールメニュー-フランス語
      • ビデオサムネイルは、Video ID にカーソルを置くと表示できます。
        View Video Thumbnail
        ビデオサムネールを表示
    3. [ ビデオの割り当て]オプションをクリックして、1 つ以上のビデオを割り当てます。
    4. 既に割り当てられているビデオは、割り当てのビデオグリッドで選択したように表示されます。
      Assigned Videos
      割り当てられたビデオ
    5. 割り当てられたスロットは、同じロケールの他の動画には使用できません:
      Assigned Video Slots
      割り当てられたビデオスロット
    6. プレーヤーとスロットは、各ビデオタイルで利用可能なドロップダウンを使用して変更できます。
    7. 別のスロットで別のビデオを選択します。
    8. [ビデオを保存] ボタンをクリックして、選択したビデオを割り当てます。
      Save Video Assignment
      ビデオ割り当てを保存
    9. 割り当てられたビデオとスロットを確認します。
      Verify Video Assignment
      ビデオ割り当ての確認
    10. 製品オブジェクトのデータを検証します。
    11. 出品者ツール-> 商品に移動します
    12. 製品 ID を検索します
    13. 製品を選択します。
    14. [ 一般] を選択します
    15. [Brightcove] セクションまで下にスクロールします。
      Product Details Brightcove Section
      製品詳細Brightcoveのセクション
    16. 商品バンドルの割り当てられた商品に移動できます。
    17. 商品バンドルIDを選択します。
      Product Set Videos
      製品バンドルビデオ
    18. 選択した商品バンドルの商品の一覧が表示されます。
      List of Products
      製品一覧

    ビデオの埋め込み

    埋め込みビデオステップを使用すると、任意の ISML ページにビデオをレンダリングするためのコードを取得できます。

    1. マーチャントツール-> ブライトコーブ-> 動画の埋め込みに移動します
    2. 目的のビデオとプレーヤーを選択し、[ コードを取得] をクリックします
      Embed Video
      ビデオの埋め込み
    3. ポップアップダイアログがコードとともに表示されます。コードブロックを選択すると、クリップボードにコピーされます。
      Embed Code
      埋込みコード
    4. コンテンツをコンテンツ資産、コンテンツスロット、または任意の ISML テンプレートに貼り付けて、ビデオをレンダリングします。

    一括アップロード

    一括アップロードでは、.csv ファイルをアップロードすることで、動画を一括で取り込むことができます。ジョブは.csv ファイルを処理し、動画を Brightcove アカウントにインジェストします。サンプルの BulkUpload ファイルは、メタディレクトリの下の zip ファイルに添付されています。

    1. マーチャントツール → > Brightcove → > 一括アップロードの順に移動します
    2. .csv ファイルを選択します。
    3. [送信] をクリックします。
      Bulk Upload
      一括アップロード
    4. ファイルは、 Bulkuploadフォルダの下の Tempディレクトリにアップロードされます。
      Bulk Upload Folder
      フォルダを一括アップロード
    5. ファイルデータ:
      File Data
      ファイルデータ
    6. [ 管理] → [ジョブ] に移動します
    7. 一括アップロードジョブを選択し、[ 実行] をクリックします
    8. ジョブ完了ステータスを確認します。
      Verify Bulk Upload Completion
      一括アップロード完了の確認
    9. Brightcoveアカウントで動画オブジェクトを確認します。
      Verify Video Object in Brightcove
      Brightcoveで動画オブジェクトを検証する
    10. 一括アップロードジョブで処理されたファイルは、一時ディレクトリの下の bulkupload_processedフォルダに移動されます。
      Processed Bulk Upload File
      一括アップロードファイルを処理しました

    一括割り当て

    一括割り当てでは、.csv ファイルをアップロードすることで、カテゴリ、サブカテゴリ、商品に一括で動画を割り当てることができます。一括割り当てでは、.csv ファイルをアップロードすることで、カテゴリ、サブカテゴリ、商品に一括で動画を割り当てることができます。カテゴリと製品のサンプル BulkAssign ファイルは、メタディレクトリの下の zip ファイルに添付されています。

    ジョブは、同じ実行中に、カテゴリと製品のCSVファイルを処理します。ジョブは、プロダクトとカテゴリのディレクトリをチェックし、ファイルを処理します。

    カテゴリファイルのデータは次のようになります。

    Bulk Assign Data Sample - Category
    一括割り当てデータサンプル-カテゴリ

    製品ファイルのデータは次のようになります。

    Bulk Assign Data Sample - Product
    一括割り当てデータサンプル-製品

    ジョブは、カテゴリと製品のCSVファイルを同じ実行で処理します。ジョブは、プロダクトとカテゴリのディレクトリをチェックし、ファイルを処理します。

    カテゴリ

    1. マーチャントツール-> ブライトコーブ-> 一括割り当てに移動します
    2. [ カテゴリ] を選択します
    3. .csv ファイルを選択します。
    4. [ 送信] をクリックします
      Submit CSV File - Category
      CSVファイルを送信-カテゴリ
    5. ファイルはにアップロードされます温度下のディレクトリ{SITE-ID} / bulkAssignCategoryフォルダ。
      bulkassigncategory Folder
      バルカサインカテゴリフォルダ
    6. [ 管理] → [ジョブ] に移動します
    7. 一括割り当てジョブを選択し、[ 実行] をクリックします
    8. ジョブ完了ステータスを確認します。
      Job Completion Status - Bulk Assign Category
      製造オーダー完了ステータス-一括割当カテゴリ
    9. 割り当てられたビデオを確認します。
      Verify Videos Assign - Category
      動画の割り当てを確認-カテゴリ
    10. 一括割り当てジョブで処理されたファイルは、一時ディレクトリの下の bulkAssignCategory_processedフォルダに移動されます。

    製品

    1. マーチャントツール-> ブライトコーブ-> 一括割り当てに移動します
    2. [ 製品] を選択します
    3. .csv ファイルを選択します。
    4. [ 送信] をクリックします
      Submit CSV File - Product
      CSVファイルを送信-製品
    5. ファイルはにアップロードされます温度下のディレクトリ{SITE-ID} / bullkAssignProductフォルダ。
      bulkassignProduct Folder
      一括割り当てプロダクトフォルダ
    6. [ 管理] → [ジョブ] に移動します
    7. 一括割り当てジョブを選択し、[ 実行] をクリックします
    8. ジョブ完了ステータスを確認します。
      Job Completion Status - Bulk Assign Product
      製造オーダー完了ステータス-製品の一括割当
    9. 割り当てられたビデオを確認します。
      Verify Videos Assign - Product
      ビデオの割り当てを確認-製品
    10. 一括割り当てジョブで処理されたファイルは、一時ディレクトリの下の BulkAssignProduct_processedフォルダに移動されます。

    サンプル実装

    以下は、ブライトコーブ動画の実装例に関するいくつかのページです。

    ストアフロントのリファレンスアーキテクチャ(SFRAS)

    カテゴリ (catlanding, searchResultsNodecorator)

    Category Sample
    カテゴリサンプル
    Category Sample Detail
    カテゴリサンプルの詳細

    製品ページマスター/バリアント製品 (製品詳細)

    Product Sample 1
    製品サンプル1
    Product Sample 2
    製品サンプル2

    製品ページ-標準製品 (製品詳細情報)

    Standard Products
    標準製品

    商品ページ-バリエーショングループ (商品の詳細)

    Variation Group
    バリエーション
    Variation Group
    バリエーション

    製品ページ-製品セット(セットの詳細)

    Product Set Details
    製品セットの詳細

    商品ページ-商品バンドル (バンドルの詳細)

    Product Set Details
    製品セットの詳細

    SiteGenesis アーキテクチャ

    カテゴリページ (catlanding, categoryproducthits

    Category Landing Page
    カテゴリランディングページ
    Category Detail Page
    カテゴリ詳細ページ

    製品ページ-マスター/バリアント (製品コンテンツ、producttopcontent)

    Product Page Sample
    製品ページのサンプル
    Product Page Sample
    製品ページのサンプル

    製品ページ-標準製品 (商品コンテンツ、商品コンテンツ)

     Standard Product Page Sample
    標準製品ページのサンプル

    商品ページ-バリエーショングループ (商品コンテンツ、商品コンテンツ)

    Variation Group Page Sample
    バリエーショングループページのサンプル
    Variation Group Page Sample
    バリエーショングループページのサンプル

    製品ページ-製品セット (ProductTopContentPS)

    Product Set Page Sample
    製品セットページのサンプル

    商品ページ-商品バンドル (productTopContentPs)

    Product Set Bundle Sample
    製品セットバンドルのサンプル

    ページの最終更新日07 Oct 2021