所有主流社交网络均提供嵌入社交分享按钮的功能,便于访客分享内容。该过程简单快捷,仅需几分钟及基础 HTML 知识即可完成。
以下为 Facebook、Twitter、LinkedIn 和 Pinterest 四大平台的快速安装指南:
Facebook 赞按钮
Facebook 社交插件允许用户将电商网站内容分享至动态消息。在11种选项中,“赞”按钮最为常用。
Facebook 社交插件页面。
- 访问 Facebook 社交插件页面。
- 选择首个选项“赞”按钮。
选择 Facebook 赞按钮选项。
- 填写“获取赞按钮代码”表单。该表单包含以下可自定义字段:
获取赞按钮代码页面包含一个可自定义的表单。
- 要赞的 URL:可以是网站首页或任意产品页面链接。
- 发送按钮:因涉及 XFBML 编码,建议取消勾选。
- 布局样式:本教程建议选择“standard”。
- 宽度:默认450像素,可按需调整。
- 显示头像:展示点击用户的 Facebook 头像(默认开启,可手动关闭)。
- 显示的动词:可选“Like”或“Recommend”。
- 配色方案:根据网站风格选择“light”或“dark”。
- 字体:选择与网站外观匹配的字体。
- 配置完成后点击“Get Code”。弹窗提供 HTML5、XFBML 和 IFRAME 三种代码格式。其中 IFRAME 技术门槛最低,推荐选用。
iframe 选项所需的技术知识较少。
iframe 选项所需的技术知识较少。
最后,复制代码并粘贴至网站对应位置。具体操作取决于您使用的电商系统或 CMS。
Twitter 推文按钮
Twitter 提供“Share a link”、“Follow”、“Hashtag”及“Mention”等多种按钮。本文重点介绍“Share a link”。
- 访问 Twitter Resources page 并点击“Twitter Buttons”。平台提供按钮和小部件两种社交分享形式。
放大此图片
Twitter 提供两种社交分享选项——按钮和小部件。
- 进入包含四种选项的页面。
放大此图片
有四种 Twitter 按钮选项可供选择。
- 点击“Share a link”,配置以下字段:
放大此图片
选择“Share a link”按钮选项。
- 分享 URL:可选择自动获取当前页面 URL(适合多页面部署)或插入自定义链接。
- 推文文本:可自动调用页面 title 标签或设置默认文本。
- 显示计数:按需选择是否展示点击次数。
- Via(来源):关联推文的 Twitter 用户名(登录状态下默认为当前账户,可修改)。
- 推荐:仅在需要推荐相关账号时添加。
- Hashtag(话题标签):如 #ecommerce,将自动附加于推文末尾。
- 大按钮:勾选以增大按钮尺寸。
- 语言:选择推文内容的显示语言。
- 填写完毕后,点击右侧“tweet”预览效果,随后复制代码嵌入网站。
LinkedIn 分享按钮
LinkedIn 仅提供标准的“Share”按钮。
- 访问 LinkedIn for Publishers。
- 滚动至左下角“The Share Button”区域,点击“Get it”。
- 进入“构建分享按钮”页面,配置两项内容:“要分享的 URL”和“选择计数模式”。
放大此图片
LinkedIn 的“构建分享按钮”提供的选项有限。
- 输入目标分享链接。
- 从垂直、水平、无计数三种样式中选择一种。
- 点击“获取代码”并复制至网站。
Pinterest Pin It 按钮
Pinterest 作为新兴社交平台,凭借图像导向特性深受电商商家青睐。
- 访问 Pinterest “Goodies” page。
- 向下滚动找到“用于网站的 Pin It 按钮”及对应表单。
放大此图片
‘Pin it’ 按钮允许在 Pinterest 上共享图像。
- 填写表单并完成部署:
- 图钉所在页面的 URL:必填项。
- 要固定的图像的 URL:必填项。
- 被固定内容的描述:选填,但建议补充以提升体验。
- 将此代码添加到您的页面:生成后复制代码。
注意:需在页面 <body> 标签前插入一行 JavaScript 代码方可生效。
结论
社交分享按钮为商家带来双重价值:其一,让产品信息触达热门社交平台上的潜在客群;其二,利用熟人信任背书,相比官方推广,朋友分享的内容更具说服力且转化率更高。
建议尽快将这些按钮集成至网站,充分利用社交裂变带来的流量红利。

