在 SharePoint 页中包含Viva Engage源

项目
05/02/2024

若要在 Microsoft SharePoint 页中包含Viva Engage源，您的组织必须具有活动Viva Engage网络 (例如： https://engage.cloud.microsoft/contoso) 。

对于 Microsoft 365 中的 SharePoint，请使用 Viva Engage 对话 Web 部件，以便页面查看者无需离开 SharePoint 即可参与对话。 Viva Engage对话 Web 部件具有最新的Viva Engage体验，包括能够直接从 SharePoint 与任何类型的帖子 (问题、投票、表扬) 和标记最佳答案进行对话。还可以使用Viva Engage突出显示 Web 部件来显示最近的对话。但是，突出显示 Web 部件没有所有最新的Viva Engage体验。
对于SharePoint Server 2019新式页面，可以使用Viva Engage突出显示 Web 部件 (经典模式) 添加组、用户、文章或Viva Engage主页源。
对于 SharePoint Server 2013 和 2016 以及 SharePoint Server 2019 中的经典页面，请使用 Viva Engage嵌入脚本编辑器 Web 部件。这使你可以添加组源、用户源、文章源、Viva Engage主源或打开的图形对象源。

将Viva Engage源添加到 Microsoft 365 中的 SharePoint 页面

注意

仅当 SharePoint 网站使用原始域名（例如，contoso.onmicrosoft.com）时，Viva Engage对话和突出显示 Web 部件才起作用，当 SharePoint 网站使用虚域名时不受支持。

有关如何使用Viva Engage对话或Viva Engage突出显示 Web 部件的说明，请参阅在 SharePoint 中使用Viva Engage Web 部件。

这些 Web 部件继承了页面主题，可从移动设备使用。

将Viva Engage源添加到 SharePoint Server 2019 中的新式页面

在浏览器中转到Viva Engage，然后转到要放入 SharePoint 中的Viva Engage页面：组、人员、文章或Viva Engage主页。复制 URL。
在 SharePoint 中，转到要放置Viva Engage源的页面，然后选择“编辑”。
选择“+”以添加新的 Web 部件。
选择Viva Engage Web 部件。
在“Viva Engage”框中，将步骤 1 中复制的 URL 粘贴到“Web 地址”框中。
若要更改显示大小，请选择“显示大小”中的选项。
若要发布页面，请选择“ 发布”。

将Viva Engage源添加到 SharePoint Server 2013、2016 和 2019 中的经典页面

有以下三个基本步骤：

将脚本编辑器 Web 部件添加到 SharePoint 页面。
复制并编辑标识所需源类型和Viva Engage网络的脚本。
将脚本粘贴到 Web 部件并发布 SharePoint 页面。

使用此方法添加Viva Engage源时，使用移动浏览器或禁用第三方 Cookie 时，无法查看源。有关在脚本编辑器 Web 部件中使用Viva Engage源时浏览器支持的详细信息，请参阅Viva Engage嵌入要求。

步骤 1：设置 Web 部件

在 SharePoint 网站中，选择“编辑”。
在功能区上，选择“插入>Web 部件”，然后在“类别”列表中，选择“媒体和内容>脚本编辑器”。
在“将部件添加到:”，选择要添加 Web 部件的位置，然后选择“添加”。
查找新的脚本编辑器 Web 部件，然后选择“编辑代码段”。
将从 Viva Engage 复制的脚本粘贴到脚本编辑器 Web 部件中。
选择“插入”。
保存并发布 SharePoint 页面。应在 SharePoint 页面上看到“Viva Engage组”对话。

步骤 2：复制并编辑要使用的脚本

以下过程介绍如何添加组源、我的源或页面源。有关其他源类型的信息，请参阅 Viva Engage Embed。还可以使用 Viva Engage Embed 配置工具创建脚本。

为组源准备脚本

在 Viva Engage中，转到要嵌入的组。找到 “访问选项” 部分，然后选择“ 在网站中嵌入此组”。

复制窗口中的脚本。

为 My Feed 准备脚本

编辑以下脚本以使用Viva Engage网络而不是 contoso.com，然后将其粘贴到脚本编辑器 Web 部件中。

<div id="embedded-my-feed" style="height:400px;width:500px;"></div> 
    <script type="text/javascript" src="https://c64.assets-yammer.com/assets/platform_embed.js"></script>
    <script 'type="text/javascript"> yam.connect.embedFeed({  
              container: '#embedded-my-feed',
              network: 'contoso.com'  });
    </script>

注意

可以根据需要更改高度和宽度参数。

为页面源准备脚本

转到要嵌入的页面。将 URL 复制到页面。

编辑以下脚本，将 contoso.com 替换为Viva Engage网络，将 URL 替换为所需的页面。

<div id="embedded-feed" style="height:400px;width:500px;"></div> 
<script type="text/javascript" src="https://assets.yammer.com/assets/platform_embed.js"></script> 
<script type="text/javascript"> yam.connect.embedFeed({
         container: "#embedded-feed", 
         network: "contoso.com", 
         feedType: "open-graph", 
         objectProperties: { url: "https://www.contoso.com/sample_page" , type: "page" } }); 
</script>

注意

可以根据需要更改高度和宽度参数。

此示例显示网页的打开图形源，但你可以为其他开放图形对象创建源。如果有兴趣使用 Viva Engage Embed 小组件向 SharePoint 页面添加Viva Engage源，请参阅将 Viva Engage Embed 小组件添加到 SharePoint 页面。

步骤 3：粘贴脚本，并发布 SharePoint 页面。

在 SharePoint 页上，粘贴脚本，然后选择“ 发布”。

注意

对于“突出显示 (经典模式”) 和Viva Engage嵌入脚本体验，当您将Viva Engage“我的源/主页源”添加到 SharePoint 页面时，你将看到与Viva Engage Web、桌面或移动设备中可用的主页源中包含的消息不同。以下用户源包含来自他们关注的人员、主题和文件的消息。 “我的源”包含来自“所有公司”的消息和用户的以下源。在Viva Engage Web、桌面和移动设备中，用户可以选择“发现”、“全部”或“关注”源，但这些选项在 SharePoint 页面中不可用。 “我的源/主页”源类型最接近“所有源”，但不包括用户不属于的公共组中的公共帖子。

如果希望Viva Engage成为 SharePoint 的主要社交体验，请参阅 SharePoint 企业社交体验。