SharePoint ページに Viva Engage フィードを追加する
適用対象:
2016 2019 Subscription Edition 
SharePoint in Microsoft 365
含める Viva Engage フィードの種類を選択できます。
| 種類 | 説明 | 例 |
|---|---|---|
| グループ | 1 つのグループのフィード | チーム イントラネット ページ。 |
| トピック | 1 つのトピックでタグ付けされたすべての会話 | イントラネット上の特典ページで、#EmployeeDiscount でタグ付けされたすべての会話を表示します。 |
| User | 指定したユーザーからのメッセージを含むすべての会話 | ユーザーのディレクトリ ページ。 |
| マイ フィード | ユーザーのホーム フィード | ユーザーの個人用サイトまたはホーム ページ。 [自分のフィードの埋め込みバージョン] には、Viva Engage Web、デスクトップ、モバイルで利用できるホーム フィードに含まれているメッセージとは少し異なるメッセージが表示されます。 [自分のフィードを埋め込む] では、メンバーであるグループ内のすべてのスレッドからのメッセージと、すべての会社グループ内のすべてのスレッドからのメッセージが表示されます。 Viva Engage Web、デスクトップ、モバイルでは、ユーザーは [検出]、[すべて]、または [フォローする] フィードを選択できますが、埋め込みでは使用できません。 埋め込み個人用フィード/ホーム フィードの種類は、[すべてのフィード] に最も近いですが、属していないパブリック グループにはパブリック投稿は含まれません。 |
| グラフを開く | 特定のファイルまたはその他の OpenGraph オブジェクトを Viva Engage に接続する | 提案に関するフィードバック ページの収集。 |
フィードの種類ごとに、フィードを表示するボックスのサイズや背景が暗いか明るいかを含むオプションを選択できます。
このプロセスには、次の 3 つの手順があります。
- 手順 1: Viva Engage からグループ、トピック、またはユーザーの識別情報を収集します。
- 手順 2: Viva Engage 埋め込み構成ツールを使用して埋め込むコードを生成します。
- 手順 3: SharePoint ページのスクリプト エディター Web パーツにコードを埋め込む。 400 ピクセル以上の Web パーツが必要です。
Viva Engage ウィジェットが SharePoint ページに埋め込まれている場合、ユーザーがサインインしている場合、指定したフィードが表示されます。 ユーザーがサインインしていない場合は、サインインするように求められます。
手順 1: Viva Engage からフィード情報を収集する
フィード情報の収集方法は、選択したフィードの種類によって異なります。
Viva Engage からグループ フィード情報を収集する
次のような 2 つのオプションがあります。
Viva Engage のグループ ページからウィジェット全体を取得する
注: このコードでは、埋め込まれた Viva Engage フィードの既定の設定が使用されます。
- Viva Engage のグループに移動し、左側のパネルの下部にある [ アクセス オプション] で、[ このフィードをサイトに埋め込む] を選択します。
- コードをコピーする。
Viva Engage 埋め込み構成ツールで使用するグループ フィード ID を取得する
- Web ブラウザーで Viva Engage を使用して、グループに移動します。
- URL からフィード ID をコピーします。 たとえば、この URL では、 https://www.yammer.com/contoso.com/#/threads/inGroup?type=in_group&。feedId=1170863、1170863をコピーします。
Viva Engage からトピック フィード情報を収集する
- Web ブラウザーで Viva Engage を使用し、[検索] ボックスに「#topic_name 」と入力してトピックを検索します。 たとえば、EmployeeVolunteering タグでタグ付けされたすべての会話を探す場合は、#EmployeeVolunteering を検索します。
- トピックを選択し、URL を見て、トピック ID をコピーします。たとえば、この URL では、 https://www.yammer.com/contoso.com/topics/2084748#/Threads/AboutTopic?type=about_topic&。feedId=2084748、2084748をコピーします。
Viva Engage からユーザー フィード情報を収集する
- Web ブラウザーで Viva Engage を使用して、Viva Engage のどこからでもユーザーのアイコンまたは名前をクリックします。
- URL からユーザー ID をコピーします。 たとえば、この URL では、 https://www.yammer.com/contoso.com/#/users/1906364、1906364をコピーします。
##Step 2: Viva Engage 埋め込み構成ツールを使用してウィジェット コードを生成する
[https://www.yammer.com/widget/configure] (https://go.microsoft.com/fwlink/p/?LinkId=507500) にある Viva Engage 埋め込み構成ツールに移動します。
[動作] オプションを選択します。
ネットワーク パーマリンク: Contoso.com や Contoso.onmicrosoft.com など、Viva Engage のドメイン名。
既定のgroup_id: これは、ユーザー フィードとトピック フィードにのみ必要です。 埋め込みフィートからの新しい投稿の既定のグループを指定します。
カスタム プロンプト テキスト: グループまたはマイ フィードの種類が選択されたときにユーザーに表示されるプロンプト。 空白のままにすると、既定の "作業内容" プロンプトが表示されます。
フィードの種類: 次のいずれかを選択します。
グループ: 1 つのグループのフィード。
マイ フィード: ユーザーのホーム フィード
トピック: 1 つのトピックでタグ付けされたすべての会話。
ユーザー: 指定したユーザーからのメッセージを含むすべての会話。
グラフを開く: ファイルやフォルダー、イメージなど、特定の OpenGraph オブジェクトに関するすべての会話を表示するには、これを使用します。 また、ページに [いいね ] ボタンまたは [フォロー ] ボタンを埋め込む場合にも使用できます。 これらのボタンの挿入の詳細については、「Viva Engage デベロッパー センターに埋め込む」を参照してください。
フィード ID: 特定の Viva Engage グループ、トピック、またはユーザーについて、上記の手順 2 で特定した ID。 フィードの種類として [マイ フィード ] を選択した場合は、空白のままにする必要があります。
既定値は標準 外部ネットワークがある場合にのみ、このオプションを使用します。 ユーザーが SharePoint ページに埋め込まれた Viva Engage フィードから外部ネットワークに切り替えた場合、このオプションをオンにすると、ユーザーが SharePoint ページに戻ったときにホーム ネットワークが表示されます。 このチェック ボックスをオフにすると、ユーザーは外部ネットワークに直接移動します。
SSO を使用する: ID プロバイダーへのリダイレクトを構成します。 [ ネットワーク permalink ] フィールドに一覧表示されているドメインは、Microsoft 365 のフェデレーション用に構成する必要があります。 このオプションの詳細については、「Viva Engage デベロッパー センターに埋め込む」を参照してください。
[外観] オプションを選択します。 ヘッダーとフッターのオプションは、一部の種類のフィードにのみ適用されます。 プレビューには、選択したフィードの種類に適用されるかどうかが表示されます。 - [ヘッダーの表示]: ページにヘッダーを表示します。 ヘッダーの内容は、[ヘッダー でネットワークを非表示にする] 設定によって異なります。 - フッターの表示: ユーザーの名前と ログアウト リンクを示すフッターを表示します。 - ヘッダーでネットワークを非表示にする: 選択した場合、ヘッダーには **Viva Engage conversations" が含まれます。 選択されていない場合、ヘッダーには会社名 - テーマ が表示されます。埋め込まれた Viva Engage 会話には明るい背景または暗い背景を使用します。 これは、すべてのブラウザーでは機能しません。
[グラフを開く] フィードを選択した場合は、 OpenGraph 設定 オプションを選択します。
- OpenGraphURL Viva Engage に接続する URL。
- OpenGraph 型オブジェクトの種類: Page、Audio、Department、Document、File、Folder、mage、Person、Place、Project、Team、Video。
- プレビューの表示
- メタデータのフェッチ
- "プライベート" としてマークする
- 標準 URL を無視する
[適用] をクリックします。 埋め込み内容のプレビューが表示されます。
[コード例] に示されている コードをコピーします。
手順 3: SharePoint ページに Viva Engage 埋め込みウィジェットを配置する
- コードが必要な SharePoint ページで、[ ページの編集] を選択します。
- この情報を表示するページ上の場所を選択します。
- [ 挿入 ] タブで、[ コードの埋め込み] を選択します。
Web ページがフレームに表示されている場合、特定のシナリオでは ClickJacking 攻撃の影響を受けやすいことに注意してください。 これが懸念される場合は、サポート チームにお問い合わせください。