在 2.11 版图谱 API 发布后,“发送”按钮将停用。对于 2.10 及更低版本的图谱 API,“发送”按钮可使用至 2018 年 2 月 5 日。

“发送”按钮

借助“发送”按钮,用户能通过 Facebook 消息与一位或多位好友私密分享您网站上的内容。

“发送”按钮配置器代码示例设置常见问题

分步说明

1.选择网址或主页

选取您要发送的网站网址或 Facebook 主页。

2.代码配置器

将网址粘贴到代码配置器中,点击 Get Code 按钮生成“发送”按钮代码。

3.复制并粘贴 HTML 代码片段

复制代码片段并粘贴到目标网站的 HTML 中。

“发送”按钮配置器

There is something wrong with the configurator

完整代码示例

将代码示例复制粘贴到您的网站。将 data-href 值调整为您网站的网址。然后使用 og:*** 元标记调整链接预览。og:urldata-href 应使用相同的网址。

<html>
<head>
  <title>Your Website Title</title>
    <!-- You can use open graph tags to customize link previews.
    Learn more: https://developers.facebook.com/docs/sharing/webmasters -->
  <meta property="og:url"           content="https://www.your-domain.com/your-page.html" />
  <meta property="og:type"          content="website" />
  <meta property="og:title"         content="Your Website Title" />
  <meta property="og:description"   content="Your description" />
  <meta property="og:image"         content="https://www.your-domain.com/path/image.jpg" />
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your send button code -->
  <div class="fb-send" 
    data-href="https://www.your-domain.com/your-page.html" 
    data-layout="button_count">
  </div>

</body>
</html>
自定义链接预览

设置

上面的配置器并未包含“发送”按钮的所有可能设置。您还可更改以下设置:

设置 HTML5 属性 说明 默认

colorscheme

data-colorscheme

插件使用的配色方案。可以是“light”或“dark”。

"light"

href

data-href

将被发送的页面的绝对网址。

当前网址。

kid_directed_site

data-kid-directed-site

如果您的网站或在线服务,或服务的一部分面向不满 13 岁的儿童,您必须启用它

"false"

ref

data-ref

一个标签,用来跟踪推荐,必须少于 50 个字符,可包含字母数字字符和一些标点(当前可使用 +/=-.:_)。详情请参考常见问题

size

data-size

按钮的尺寸。目前仅支持 small

small