Table of contents
鼓励你的客户和粉丝之间的社交分享可以是扩大你的在线影响的一个好方法。 但是，如果分享你的内容是一件苦差事，就不会有人去分享。
忘记让人们复制和粘贴链接吧！通过一些简单的代码，你可以添加社交媒体按钮，让用户只需点击几下就可以在网络上分享你的内容。
目录
社交媒体按钮的类型
Facebook的社会媒体按钮
Instagram的社交媒体按钮
LinkedIn的社交媒体按钮
推特的社会媒体按钮
YouTube的社会媒体按钮
用于Pinterest的社会媒体按钮
SMMExpert的社会媒体按钮
社交媒体按钮的类型
最常见的社交媒体按钮提供分享、喜欢和关注功能。 每种按钮都有不同的目的，它们的工作方式在不同的网络中也有一些不同。 但每种类型通常都能做到其名称所暗示的那样。
- 分享按钮 允许用户与朋友和追随者分享你的内容
- 喜欢的按钮 让他们给你的内容一个虚拟的大拇指
- 关注按钮 将在指定的社交网络上为他们订阅你的更新信息。
这篇文章中的所有社交媒体按钮都是活跃的，所以你可以与它们互动，看看它们到底是如何工作的。 我们使用下面概述的每个社交网络的工具来创建它们。
Facebook的社会媒体按钮
Facebook提供了几个社交媒体按钮：分享、关注、喜欢、保存和发送。
脸书分享按钮
它是如何工作的
在你的网站上添加一个Facebook分享按钮，毫不奇怪，它允许访问者与他们在Facebook上的朋友和追随者分享你的内容。 他们可以选择在他们的时间轴上分享你的内容，到一个小组，甚至在使用Facebook Messenger的私人消息中分享。 用户还可以在发布之前为分享的内容添加自己的个性化消息。
如何添加一个Facebook分享按钮
使用Facebook的分享按钮配置器来创建分享按钮代码，你可以将其粘贴到你网站的HTML中。
脸书分享按钮选项
当你在你的网站上包含一个Facebook分享按钮时，你可以选择是否显示该页面已经被分享的次数（就像我们在上面的按钮中做的那样）。 如果你的页面得到了大量的社会分享，这个数字可以为你的内容的价值提供很好的社会证明。
脸书关注按钮
它是如何工作的
关注按钮允许用户订阅相关Facebook页面的公开更新。
如何添加一个Facebook的关注按钮
使用Facebook的关注按钮界面来创建代码，你可以复制并粘贴到你的HTML中。
脸书关注按钮选项
你可以通过选择 "方框计数 "或 "按钮计数 "选项来显示已经关注你的页面的人数。 对于个性化的社会证明，你可以选择向访客显示他们现有的Facebook朋友中哪些人已经关注你的页面，甚至显示这些关注者的脸，方法是选择 "标准 "选项并点击显示脸部方框。
脸书的 "喜欢 "按钮
它是如何工作的
在你的网站上点击 "喜欢 "按钮与在你的Facebook帖子上点击 "喜欢 "具有相同的效果。 喜欢的内容显示在用户的Facebook时间轴上，并可能出现在他们朋友的新闻提要中。
如何添加一个Facebook的赞按钮
去Facebook的 "喜欢 "按钮配置器创建代码，复制并粘贴到你的HTML中。
脸书的 "赞 "按钮选项
和其他的Facebook按钮一样，你可以选择显示该页面已经被赞过的次数。 你也可以提供定制的按钮，显示浏览者的哪些Facebook朋友已经赞过该页面。
一个额外的有趣选项是，你可以选择让按钮显示 "推荐 "而不是 "喜欢"。
保存到Facebook的按钮
它是如何工作的
保存到Facebook的按钮就像Facebook帖子上的 "保存 "选项一样，它可以将链接保存到用户的私人列表中，这样他们就可以在以后再去看--基本上就是在Facebook内做书签，方便以后分享。
如何添加一个保存到Facebook的按钮
使用Facebook的保存按钮配置器来创建代码，粘贴到你的HTML中。
脸书发送按钮
它是如何工作的
Facebook的发送按钮允许用户通过Facebook Messenger上的私人信息将你网站上的内容直接发送给他们的朋友，这是一种黑暗的社交分享形式。
如何添加一个Facebook的发送按钮
你猜对了，Facebook有一个发送按钮配置器，为你提供你需要粘贴到HTML中的代码。
Instagram的社交媒体按钮
Instagram不提供 "分享 "或 "喜欢 "按钮--这是有道理的，因为Instagram作为一个移动照片和视频分享平台的性质意味着它并不真正适合喜欢和分享网络内容。
相反，Instagram曾经提供过徽章，你可以用它将人们从你的网站直接发送到你的Instagram feed，但这些徽章不再可用。 Instagram API的变化也使第三方供应商难以创建功能性的Instagram按钮和徽章。
这意味着在Instagram的社交分享按钮方面，你的选择非常少。 但有一个解决办法，而且很简单：嵌入Instagram帖子。
除了照片之外，嵌入的帖子还包括一个活跃的关注按钮，允许用户在不离开你的网站的情况下关注你的账户。 你甚至可以在Instagram上发布一张专门用于此目的的照片--某种强调你的Instagram账户价值的常青帖子。
在Instagram上查看此帖一个由SMMExpert (@hootsuite)分享的帖子
或者你可以创建一个与特定页面内容直接相关的Instagram帖子。 你显然不会想在你所有的网页上这样做，但在博客文章中嵌入相关的Instagram照片可以是一个不错的选择。
如何在Instagram上嵌入一个带有关注按钮的帖子
- 导航到你想嵌入的特定帖子，或到你的Instagram个人资料，并向后滚动以找到相关的选择。
- 点击帖子
- 点击更多按钮( ... ) 在右下方
- 选择 嵌入
- 选择你是否要包括标题，然后点击 复制嵌入代码
- 将代码发布到你的HTML中
LinkedIn的社交媒体按钮
LinkedIn为分享和关注按钮提供定制的JavaScript代码。
LinkedIn的分享按钮
它是如何工作的
LinkedIn的分享按钮结合了Facebook的分享和发送按钮的功能。 它允许用户在LinkedIn上以多种方式分享你的内容--在他们的公共档案中，与他们的联系人，在一个小组中，或在给一个或多个个人的信息中。 点击该按钮会打开一个弹出窗口，提供一个选项，在帖子中添加个人信息，以及分享选项。
如何添加一个LinkedIn分享按钮
进入LinkedIn分享插件生成器，创建JavaScript代码，你可以粘贴到你的HTML中。
LinkedIn的分享按钮选项
你可以选择是否展示你的内容已经在LinkedIn上被分享的次数。
LinkedIn的关注按钮
它是如何工作的
点击LinkedIn的关注按钮，用户就可以在LinkedIn上关注你的公司，而不必离开你的网站。
如何添加一个LinkedIn关注按钮
使用LinkedIn关注公司插件生成器来创建代码，粘贴到你的HTML中。
LinkedIn的关注按钮选项
与LinkedIn分享按钮一样，你可以选择展示已经在LinkedIn上关注你的公司的人数作为关注按钮的一部分。
但也有一个更有趣的选项可以探索。 公司简介插件的功能与简单的关注按钮基本相同，但通过简单的鼠标悬停提供关于你的公司的更多信息。 要尝试它，尝试将你的鼠标悬停在下面的按钮。
你可以使用LinkedIn公司简介插件生成器来创建你自己的公司简介。
推特的社会媒体按钮
除了标准的分享和关注按钮外，Twitter还提供了使用特定标签发推特的按钮，或通过点击鼠标来@提及某人。 还有一个按钮，允许某人向你发送私人Twitter消息。
推特分享按钮
它是如何工作的
当用户点击Tweet按钮时，一个弹出的窗口会打开，其中包含页面的标题和它的URL--或者你可以设置一个自定义的URL。 一个自定义的URL允许你包括UTM参数来跟踪你从你的Twitter分享按钮得到多少流量。 用户可以在发送Tweet之前添加更多的文本，如果他们愿意。
如何添加一个Twitter分享按钮
- 进入publish.twitter.com，向下滚动，并点击 推特按钮
- 点击 分享按钮
- 在代码框上方，点击 设置自定义选项
- 输入你对推特选项和按钮大小的偏好，然后点击 更新
- 复制并粘贴所提供的代码到你的HTML中
推特分享按钮选项
使用自定义选项，你可以选择包括一个标签和一个 "通过 "的用户名，这可以确保你获得作为你的伟大内容的来源的信用。 你也可以选择预先填写一些文本。
推特关注按钮
它是如何工作的
Twitter的关注按钮并不像Facebook的关注按钮那样有效，因为它需要用户点击两次。 点击该按钮会打开一个弹出窗口，里面有你的Twitter个人资料的预览。 用户必须在该弹出窗口中再次点击关注才能完成这一过程。
如何添加一个Twitter的关注按钮
- 进入publish.twitter.com，向下滚动，并点击 推特按钮
- 点击 关注按钮
- 输入你的Twitter帐号，包括@符号（例如，@SMMExpert）。
- 点击 预览
- 在代码框上方，点击 设置自定义选项
- 输入你对推特选项和按钮大小的偏好，然后点击 更新
- 复制并粘贴所提供的代码到你的HTML中
推特关注按钮选项
你可以选择在按钮上显示或隐藏你的用户名，以及你希望按钮是小的还是大的。 你还可以选择你的按钮显示的语言。
推特提及按钮
它是如何工作的
当有人点击你网站上的Twitter提及按钮时，就会出现一个弹出式窗口，上面有一个以@提及你的用户名开头的空白Tweet。 这可以是一个让读者在Twitter上与你的团队互动的好方法，或者鼓励通过网络进行客户服务查询。
如何添加一个Twitter提及按钮
- 进入publish.twitter.com，向下滚动，并点击 推特按钮
- 点击 提到按钮
- 输入你的Twitter帐号，包括@符号（例如，@SMMExpert）。
- 点击 预览
- 在代码框上方，点击 设置自定义选项
- 输入你对推特选项和按钮大小的偏好，然后点击 更新
- 复制并粘贴所提供的代码到你的HTML中
推特提及按钮选项
你可以选择在Tweet中预先填入一些文字，如果你在客户服务页面上使用该按钮，这可能是一个好主意。 你还可以选择你希望按钮是大是小，以及显示按钮文字的语言。
推特标签按钮
它是如何工作的
当有人点击你网站上的Twitter标签按钮时，会弹出一个窗口，打开一个填充有所选标签的Tweet。 这是一个鼓励人们分享内容到你的品牌标签的好方法，或者激励他们参与Twitter聊天。
如何添加一个Twitter标签按钮
- 进入publish.twitter.com，向下滚动，并点击 推特按钮
- 点击 标签按钮
- 输入你选择的标签，包括#符号（例如，#HootChat）。
- 点击 预览
- 在代码框上方，点击 设置自定义选项
- 输入你对推特选项和按钮大小的偏好，然后点击 更新
- 复制并粘贴所提供的代码到你的HTML中
推特标签按钮选项
与提及按钮一样，你可以输入预先填写的文本，选择按钮的大小，并指定显示按钮文本的语言。 你也可以选择包括一个特定的URL，如果你将你的Twitter聊天记录存档或在一个特定的页面上收集用户生成的内容，这可能会很有效。 你也可以选择一个与特定标签活动相关的登陆页面。
推特消息按钮
它是如何工作的
Twitter消息按钮允许用户在Twitter上直接给你发送私人信息。 请注意，这与Facebook的发送按钮是不同的，后者允许用户将你的内容以私人信息的形式发送给与他们有联系的任何人。 通过Twitter消息按钮，用户只能与你联系，而不是Twitter上的其他人。 虽然这无助于扩大你的社交范围，但是它可能是鼓励人们通过Twitter联系你的客户服务和销售团队的一个好方法。
如果你将你的账户设置为允许任何人直接发送消息，那么Twitter的消息按钮将发挥最好的作用。 否则，没有关注你的人将无法向你发送消息，并可能最终对你的品牌感到沮丧。
如何添加一个Twitter消息按钮
- 登录你的Twitter账户
- 在左栏中，点击 隐私和安全
- 向下滚动到 "直接信息"，勾选 "直接信息 "旁边的方框。 接收来自任何人的直接信息
- 在左边一栏，点击 "你的Twitter数据"。 你可能需要输入你的密码才能进入这个屏幕。
- 选择并复制你的用户ID，它出现在你的用户名下
- 进入publish.twitter.com，向下滚动，并点击 推特按钮
- 点击 留言按钮
- 在顶部方框中输入你的用户名，包括@符号（例如，@SMMExpert）。
- 将你的用户ID粘贴到底部的方框中
- 点击 预览
- 在代码框上方，点击 设置自定义选项
- 输入你对推特选项和按钮大小的偏好，然后点击 更新
- 复制并粘贴所提供的代码到你的HTML中
推特消息按钮选项
你可以选择预先填充一些信息文本，如果按钮在一个人们可能就特定产品、客户服务问题或促销活动与你联系的页面上，这可能会很有效。 你还可以选择是否在按钮上显示你的用户名，按钮的大小，以及显示按钮文本的语言。
YouTube的社会媒体按钮
YouTube只提供一个社交媒体按钮，允许用户订阅一个YouTube频道。
YouTube订阅按钮
它是如何工作的
与Twitter的关注按钮一样，YouTube的订阅按钮也需要两次点击。 首先，当有人点击你的订阅按钮时，你的YouTube频道会在一个新窗口中打开，并有一个订阅确认框。 然后，用户必须再次点击订阅，订阅才会生效。
如何添加一个YouTube订阅按钮
使用YouTube的配置按钮页面来创建你需要粘贴到HTML中的代码。
YouTube订阅按钮选项
在配置你的YouTube订阅按钮时，你有几个选项。 你可以选择包括你的YouTube个人资料图片，按钮后面的深色背景，以及你是否要显示你现有的订阅者数量。 与其他网络一样，突出现有的大量订阅者数量可以成为社会证明的一个伟大信号。
用于Pinterest的社会媒体按钮
Pinterest保存按钮
它是如何工作的
Pinterest的保存按钮相当于其他网络的分享按钮，即把你的内容保存到Pinterest板上，可以扩大你的影响力。 由于Pinterest是一个基于图像的平台，用于记录信息和想法，它的工作方式与其他网络的分享按钮有些不同。 你可以在你的网站上设置Pinterest保存按钮的三种不同方式。
- 图片悬停 ：这个选项不是在你的网站上放置一个独立的Pinterest按钮，而是创建代码，当有人将鼠标悬停在你网页上的任何图片上时，就会出现一个Pin It按钮。 这是Pinterest最推荐的选项。
- 任何图像 : 有了这个选项，你就可以在你的网页上放置一个Pinterest按钮。 点击它，用户就可以选择将你网站上的任何图片保存到他们的Pinterest论坛。
- 一张图片 ：在这种情况下，保存按钮只适用于你的页面上的单一图像。 这是编码方面最复杂的选项。
如何添加一个Pinterest的保存按钮-图像悬停或任何图像样式
- 进入Pinterest widget builder，并点击 保存按钮
- 选择你想使用的按钮类型：图像悬停或任何图像
- 选择你喜欢的按钮大小和形状的选项
- 将鼠标悬停在样本图片上，预览你的按钮。
- 复制按钮代码并将其粘贴到你的HTML中
- 对于任何图片选项，从widget builder页面的底部复制并粘贴pinit.js脚本到你的HTML，就在标签的上方
如何添加Pinterest的保存按钮--一个图片样式
- 进入Pinterest widget builder，并点击 保存按钮
- 选择你喜欢的按钮大小和形状的选项
- 在一个新的浏览器窗口中，进入你的网站上出现你想处理的图片的页面
- 复制并粘贴 URL 将该网页的网址输入到小组件生成器的URL框中。
- 在你的网页上，右键单击你想要处理的图像，并选择 复制图片URL
- 将图片的URL粘贴到 图片 小部件生成器中的方框
- 为你的图像输入一个描述，在 描述 当有人把你的图片保存到Pinterest时，它就会出现在你的图片下面，这就是Widget builder中的方框。
- 单击样本 钉住它 在小组件生成器中的按钮来测试你的按钮
- 复制按钮代码并将其粘贴到你的HTML中
- 从widget builder页面的底部复制并粘贴pinit.js脚本到你的HTML中，就在标签的上方
Pinterest的保存按钮选项
除了选择使用哪种类型的按钮外，你还可以定制你的按钮的形状（圆形或矩形）、大小（小或大）和语言。 你还可以选择是否显示你的图片的现有针数。
Pinterest关注按钮
SMMExpert
它是如何工作的
当有人点击你网站上的Pinterest关注按钮时，会弹出一个预览窗口，显示你最新的图钉。 然后他们点击预览中的关注按钮，开始关注你的Pinterest账户。
如何添加一个Pinterest关注按钮
- 进入Pinterest widget builder，并点击 遵循
- 输入你的Pinterest个人资料URL
- 输入你的企业名称，因为你希望它出现在按钮上
- 复制按钮代码并将其粘贴到你的HTML中
- 从widget builder页面的底部复制并粘贴pinit.js脚本到你的HTML中，就在标签的上方
Pinterest关注按钮选项
你对Pinterest关注按钮的唯一选择是如何显示你的企业名称。 你可能想使用你的Pinterest用户名，或你的企业全名。 无论哪种方式，坚持使用用户容易理解的东西。
SMMExpert的社会媒体按钮
SMMExpert提供了一个社交媒体按钮，允许用户将你的内容分享到他们连接到SMMExpert仪表板的任何网络。
SMMExpert分享按钮
它是如何工作的
当用户点击你网站上的SMMExpert按钮时，会打开一个包含你内容链接的界面。 用户可以选择将其分享到哪些社交网络：Twitter、Facebook、LinkedIn、Google+或以上所有的社交网络。 他们可以在分享前添加一条个人信息，并决定是否立即发布，将发布安排在未来某个特定时间，或使用SMMExpert的自动日程安排功能。
如何添加SMMExpert的分享按钮
去hootsuite.com/social-share，输入你的URL，然后复制并粘贴代码到你的HTML中。
SMMExpert分享按钮选项
你可以从几种不同的按钮样式中选择。
通过SMMExpert学院的免费在线培训和视频，使你的社交媒体技能更上一层楼 .
开始吧
