画面共有を通じてアドオンをユーザーに宣伝

画面でアドオンをプロモートする あります。

このページでは、ユーザーにアドオンを昇格させる方法について説明します 画面共有しながら、Google Meet で 別のウェブページ上に表示されます

「 MeetAddonScreenshare.exposeToMeetWhenScreensharing メソッドを使用すると、サイトから Meet に 共有されたときに表示されます。この情報は Meet のアドオン エクスペリエンスが ユーザーが [アクティビティを開始] をクリックしたときプレゼンテーションのバナーに インストールされています。お客様が 共有された場合は、 アドオンをインストールするよう求めるメッセージが表示されます。

「 AddonScreenshareInfo オブジェクトには、ユースケースに応じて追加できる 5 つのフィールドが含まれています。

で確認できます。

例: メインステージで読み込む

次のコードサンプルでは、Google Chat でウェブページを画面共有する 次のコードを含む Meet は、 アドオン:

<script src="https://www.gstatic.com/meetjs/addons/0.9.1/meet.addons.screenshare.js"></script>
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
  {
    cloudProjectNumber: CLOUD_PROJECT_NUMBER,
    startActivityOnOpen: true,
    mainStageUrl: MAIN_STAGE_URL,
    additionalData: "{\"selected_item\": \"42\"}",
  }
);
</script>

次のように置き換えます。

  • CLOUD_PROJECT_NUMBER: 文字列。Cloud プロジェクト番号。
  • MAIN_STAGE_URL: 文字列。メインステージの URL。

Meet の通話画面でユーザーがページを共有すると、 共有できるようになりました。バナーのボタンをクリックすると 指定した Cloud プロジェクト番号のアドオンを 行います。AddonScreenshareInfo.mainStageUrl が読み込まれ、 AddonScreenshareInfo.additionalData を使用して、開始されるコラボレーションを設定します 状態によって異なります。通話中の他のユーザーは、 すぐにアドオンのインストールまたは起動を求めるメッセージが表示されます。

例: サイドパネルで読み込む

次のコードサンプルでは、ユーザーの画面が サイドパネルから開始したいアドオンを 避けるということです。

<script src="https://www.gstatic.com/meetjs/addons/0.9.1/meet.addons.screenshare.js"></script>
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
  {
    cloudProjectNumber: CLOUD_PROJECT_NUMBER,
    startActivityOnOpen: true,
    sidePanelUrl: SIDE_PANEL_URL,
    additionalData: "{\"selected_item\": \"42\"}",
  }
);
</script>

次のように置き換えます。

  • CLOUD_PROJECT_NUMBER: 文字列。Cloud プロジェクト番号。
  • SIDE_PANEL_URL: 文字列。サイドパネルの URL。

Meet の通話画面でユーザーがページを共有すると、 共有できるようになりました。バナーのボタンをクリックすると 指定した Cloud プロジェクト番号のアドオンを アクセスできます。AddonScreenshareInfo.sidePanelUrl が読み込まれ、 AddonScreenshareInfo.additionalData を使用して、開始されるコラボレーションを設定します 状態によって異なります。通話中の他のユーザーは、 すぐにアドオンのインストールまたは起動を求めるメッセージが表示されます。

例: コラボレーションを開始せずにサイドパネルに読み込む

次のコードサンプルでは、ユーザーの画面が リソース権限を調整する必要があります。 開始できます。この要件により、 サイドパネルで起動する必要があり、 コラボレーションが始まっています

<script src="https://www.gstatic.com/meetjs/addons/0.9.1/meet.addons.screenshare.js"></script>
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
  {
    cloudProjectNumber: CLOUD_PROJECT_NUMBER,
    startActivityOnOpen: false,
    sidePanelUrl: SIDE_PANEL_URL,
  }
);
</script>

次のように置き換えます。

  • CLOUD_PROJECT_NUMBER: 文字列。Cloud プロジェクト番号。
  • SIDE_PANEL_URL: 文字列。サイドパネルの URL。

Meet の通話画面でユーザーがページを共有すると、 共有できるようになりました。バナーのボタンをクリックすると 指定した Cloud プロジェクト番号のアドオンを アクセスできます。以降 AddonScreenshareInfo.startActivityOnOpen false に設定されると、アクティビティの開始ボタンは、 CollaborationStartingState が設定されました。詳しくは、こちらの コラボレーションが開始されています 確認します。

アクティビティが開始されると、通話の他のユーザーに、 アドオンを起動またはインストールします。

オリジン マッチング

origins: AddonScreenshareInfo.mainStageUrl および AddonScreenshareInfo.sidePanelUrl オリジンと比較されます。 マニフェスト ファイルが作成されます。すべて一致した場合、ユーザーは アドオンの起動が許可されています。

また、画面共有を開始したサイトの提供元も記載する必要があります。 アドオンの addOnOrigins フィールド マニフェストをご覧ください。

詳しくは、アドオン セキュリティ。