在next.js中放置yammer共享按钮
在Next.js中放置Yammer共享按钮可以通过以下步骤实现：
- 首先，确保你已经在项目中使用Next.js作为你的前端开发框架，并且已经搭建好了基本的项目结构。
- 下载Yammer共享按钮的相关资源文件，这些资源文件可以从Yammer开发者文档或者其他可靠来源获取。通常情况下，这些资源文件包括JavaScript代码和样式表。
- 将资源文件放置在Next.js项目的相关目录中。可以根据项目需要选择合适的位置，常见的做法是将资源文件放置在项目的
public目录下。 - 在你的页面组件中，使用Next.js提供的内置功能加载Yammer共享按钮的资源文件。可以在组件的
head部分使用<script>和<link>标签引入JavaScript代码和样式表。示例代码如下：
import Head from 'next/head';
const MyPage = () => {
return (
<>
<Head>
<script src="/path/to/yammer-button.js"></script>
<link rel="stylesheet" href="/path/to/yammer-button.css" />
</Head>
{/* 其他页面内容 */}
</>
);
};
export default MyPage;请注意，/path/to/yammer-button.js和/path/to/yammer-button.css应替换为你实际放置资源文件的路径。
- 确保在加载Yammer共享按钮资源文件之前，你已经在Yammer开发者网站上注册并获取了相应的API密钥或令牌。这些信息将用于在按钮被点击时进行认证和授权。
- 根据Yammer共享按钮的文档和示例代码，将按钮的HTML代码嵌入到你的页面组件中。可以使用合适的组件生命周期方法或事件处理函数在合适的时机初始化Yammer按钮。示例代码如下：
import { useEffect } from 'react';
const MyPage = () => {
useEffect(() => {
// 在组件加载完成后初始化Yammer按钮
// 根据实际情况调用相应的初始化方法和配置参数
initializeYammerButton();
}, []);
return (
<>
{/* 页面内容 */}
<div id="yammer-button-container"></div>
</>
);
};
export default MyPage;在这个例子中，initializeYammerButton()是一个自定义的函数，用于初始化Yammer按钮并将其渲染到yammer-button-container元素中。
以上步骤完成后，你的Next.js页面应该成功放置了Yammer共享按钮。用户在访问页面时可以看到按钮，并且点击按钮时会触发Yammer的相关功能。
关于Yammer共享按钮的更多信息和用法，你可以参考腾讯云提供的 Yammer共享按钮产品介绍。这个产品可以帮助你轻松实现在网页中嵌入Yammer共享功能，并提供了丰富的配置选项和扩展能力。
相关·内容
在next.js中放置Yammer共享按钮听起来像是一项简单的任务。从yammer读取documentation似乎只是在Head Component中添加源代码，然后用<span id="yj-share-button"></span>调用它 export defaultreturn ( <Head>
浏览 14提问于2021-02-03得票数 1
我正在使用JavaScript Online中的yammer platform_js_sdk.js(Yammer SharePoint SDK )获取登录用户所属的组列表。每当用户打开他们的浏览器时，他们都会看到“使用Yammer登录”按钮，他们必须单击这个按钮来验证自己。如果他们关闭并重新启动，他们必须再次通过登录。由于某些原因，身份验证令牌似乎没有持久化。我们在我们的环境中启用了单点登录，所以直接导航到Yammer很好。
因此，下
浏览 3提问于2014-07-16得票数 0
我完全按照实现了一个Yammer共享按钮。在我补充之前：yam.platform.yammerShare()；&
浏览 2提问于2016-05-22得票数 4
回答已采纳
我想用Jetpack插件在我的Wordpress博客上创建一个分享按钮。默认情况下不包含此服务。那么，Yammer共享url或文档链接是什么？
浏览 17提问于2016-09-26得票数 0
我希望使用Yammer和C#从我的C#应用程序中将一篇文章共享给另一组(不是发布新消息，而是共享现有的帖子)。有谁知道怎样才能实现。
提前谢谢。
浏览 1提问于2014-09-25得票数 0
回答已采纳
我使用Yammer 'Like‘动作按钮，在sharePoint中使用yammer嵌入文章页面。我相信当用户点击“喜欢”的时候，开放图形对象是在Yammer中创建的。此外，活动流中的活动被发布为“用户喜欢文章标题”。不过，我对此有两个疑问：
如何获得喜欢的总数，显示在文章页面的“喜欢”按钮旁边。比如:2
浏览 3提问于2015-01-28得票数 1
回答已采纳
Yammer登录屏幕在IE中不起作用。我们正在使用yammer javascript SDK在我们的SharePoint页面中加入yammer登录按钮。如果用户单击IE中的按钮，yammer登录页面将打开，当用户在登录表单中输入用户名时，它会给出一个javascript弹出窗口来关闭窗口(有时屏幕会变成空白)。我们已经在受信任的站点中添加了yammer</
浏览 3提问于2016-06-20得票数 0
是否可以在同一个页面中添加两个不同的Yammer共享按钮？
使用来自的文档，我能够向同一个页面添加两个按钮，但它们仍然指向相同的url (具有以下配置的)。
浏览 2提问于2016-04-21得票数 0
回答已采纳
我想使用REST从我的业务应用程序中共享一个帖子(不是发布一个新消息，而是共享现有的帖子)。有人知道要使用哪个端点以及如何实现它吗？
浏览 2提问于2014-08-29得票数 0
回答已采纳
我检查了所有的Yammer开发者文档，我找不到在Yammer中添加一个新动作，它与另一个Yammer应用程序集成在一起，类似于Yammer中的识别按钮动作，用于识别应用程序(请查看下面的图片)。
浏览 2提问于2016-08-31得票数 0
回答已采纳
1回答
嵌入操作按钮的先决条件
、、、
来自文档的：
要使用Embed，应用程序中需要一个400像素或更大的HTML容器。有关支持的浏览器列表，请参见下面。我只需要嵌入两个动作按钮，像和跟随，为什么我需要400 to容器？谢谢。
浏览 4提问于2014-08-04得票数 1
1回答
有没有人有Yammer embed API用于关注并喜欢在SharePoint站点上工作？我可以让按钮出现，当我点击它们时，它们会变成点赞和关注，但没有任何内容发布到Yammer，活动提要中也没有任何内容。代码如下：
<script type="text/javascript" src="https://assets.yammer.com/assets/platform_embed.js"&g
浏览 1提问于2014-07-04得票数 0
但是当我在chrome中调用yam.getLoginStatus时，我得到了一个401，尽管我已经登录了。to Yammer!'中，在加载页面时，我看到：当单击登录按钮时，我<e
浏览 0提问于2014-08-06得票数 1
我正在尝试实现一个使用设计万能的Yammer按钮的签名。我正在遵循github自动机指南。和
在Yammer中，我用重定向URI http://127.0.0.1:3000/users/auth/yammer/callback设置了我的应用程序。这给了我一个invalid redirect_uri错误当我访问http://localhost:3000/users/auth/<em
浏览 3提问于2015-01-23得票数 1
回答已采纳
1回答
我能够成功地让用户登录，获得访问令牌，并且我已经确保我的域名在Yammer的JavaScript源中。但是，每当我尝试发布一条消息时，都会收到以下错误：奇怪的是，当它做预检时，它看起来没问题，但正如错误所述，我不知道为什么它没有返回到CORS头中，因为我已经在Yammer客户端区中注册了它。这里是发布的代码： var _token = Yammer.acc
浏览 0提问于2015-11-19得票数 2
我有活动(任务)是支持Yammer的。在Yammer布局中，当我单击“新任务”时，表单中会显示"Subject“、"Description”、"Due“、”优先级“和"Owner”等字段。如何配置哪些字段出现在新的Yammer表单上？提前感谢
UPDATE1:在Yammer中，我可以访问表单编辑器，并且可以配置该布局中的所有字段，除了一个选项卡，这对我来说是最重要的。因此，该面板有三个按
浏览 4提问于2013-09-21得票数 1
我在一个名为data的文件夹中有一个静态html文件和一个支持性的js文件。该文件夹(数据)包含两个js文件、3个png文件和一个字体子文件夹。“字体”文件夹包含3个字体文件。
。现在我想在react应用程序中呈现html文件。
浏览 0提问于2019-10-15得票数 0
回答已采纳
/实用程序/图像/ourimages/9.jpeg’中的‘/vercel/path0 0/pages’。我尝试将路径更改为.
浏览 4提问于2022-04-12得票数 0
我使用next.js和reactjs完成了一个项目。我把next.js和reactjs一起用于SSR。
现在的问题是我无法构建这个项目。我有一个linux共享主机。next.js工作在linux共享宿主中。请带我过去。我是next.js的新手。
浏览 3提问于2019-12-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
