サポート サポートへのお問い合わせ | システムステータス システムステータス
ページコンテンツ

    Pigeonhole Q&A をライブイベントインページエクスペリエンスに追加

    このトピックでは、ライブイベントインページエクスペリエンスにQ&A機能を追加する方法について説明します。

    Pigeonhole を使用すると、ライブイベントインページエクスペリエンスにライブQ&Aを簡単に追加できます。通常、イベント用に新しい Pigeonhole が作成され、ライブイベントのセッションが作成されます。セッションが作成されると、Pigeonhole 埋め込みコードがライブイベントのページ内テンプレートに貼り付けられます。埋め込みコードにより、Pigeonhole Q&A ポッドがライブイベントプレーヤーの横に表示されます。

    Pigeonhole イベントとセッションを作成する

    ライブイベント用に新しい Pigeonhole を作成し、Q&A を有効にする各動画にセッションを追加する必要があります。

    1. Pigeonholeアカウントにログインします。
    2. [ + Pigeonhole を追加 ] をクリックし、使用するアカウントをクリックします。
    3. イベント名パスコードを入力します。
    4. イベントの開始終了の日付を入力します。これらの日付は、ピジョンホールがアクティブになる時間を制御します。
    5. タイムゾーンおよびカスタムブランディングオプションを選択します(該当する場合)。
    6. [続行]をクリックします。
    7. イベントが作成されたので、左側のナビゲーションで議題項目が選択されます。[ セッションを追加 ] [> 新規作成 ] をクリックします。
    8. Q&A 」の「セッションタイプ」を選択します。
    9. セッション名を入力します
    10. 開始終了の日付と時刻を入力します。
    11. 必要に応じて、 Q&A 設定を構成します
    12. [ Q&A の追加 ] をクリックします。セッションが作成されたことを確認します。

    Pigeonhole 埋め込みコードを生成する

    Pigeonhole をエクスペリエンスに表示するには、エクスペリエンスのカスタムコンポーネントを使用して次のコードが追加されます。コードの形式は次のようになります。

    <iframe src=」https://pigeonhole.at/ イベントパスコード /i/ セッション ID  "style=" border: 1px #333333 solid; border-Radius: 3px」名前= "PigeonHole Live」スクロール= "いいえ」フレームボーダー= "1" marginheight=" 0px」marginwidth= "0px」height= "600" width=」100%「フルスクリーンを許可する > < /iframe >

    イベントパスコードとセッション ID の値を取得するには、次の手順に従います。

    1. Pigeonhole で、左側のナビゲーションの [ 議題 ] をクリックします。
    2. [ セッション ] タブで、イベントの横にあるドロップダウン矢印をクリックします。セッションIDが表示されます
    3. イベントパスコードを取得するには、ヘッダーでイベント名を見つけます。イベント名の下に、イベントパスコードが表示されます。

    上記のコードとイベントパスコードとセッションIDは、あなたの経験で使用されます。

    エクスペリエンスにピジョンホールを追加する

    Brightcove では、ライブイベントインページエクスペリエンスの右側に Pigeonhole を追加することをお勧めします。現在、Pigeonhole プラグインは右側をターゲットにしています。

    Pigeonhole をライブイベントインページエクスペリエンスに追加するには、カスタムコンポーネントを使用します。Pigeonhole を追加するには、次の手順を実行します。

    1. Galleryモジュールを開きます。
    2. ライブイベントインページエクスペリエンスをクリックして編集します。
    3. エクスペリエンスの右側にあるプラスアイコン()をクリックします。
    4. コンポーネントピッカーで [ カスタム ] をクリックします。
    5. HTML コンポーネントの「名前」を入力します。
    6. 前のセクションから Pigeonhole HTML を [ カスタム HTML コード ] フィールドに貼り付けます。
    7. HTML を表示するタイミングを選択します。
    8. [保存]をクリックします。HTML はエクスペリエンスにレンダリングされます。
    9. 左側のナビゲーションで、設定>詳細をクリックします。
    10. 次のコードをJavaScriptの URL フィールドに貼り付けます。
      https://static.pigeonhole.at/brightcove-plugin/phl-brightcove-gallery-inpage.js
    11. [保存]をクリックします。
    12. 変更内容をエクスペリエンスに公開します

    エクスペリエンスをプレビューすると、Pigeonhole が表示されます。