推出 Graph API 2.11 版後,「傳送」按鈕將停用。至於 Graph API 2.10 版與較舊版本,「傳送」按鈕將持續支援至 2018 年 2 月 5 日為止。

「傳送」按鈕

「傳送」按鈕可讓用戶將網站內容以傳送 Facebook 訊息的方式,私下傳送給一位或多位朋友。

「傳送」按鈕配置工具程式碼範例設定常見問題

步驟

1.選擇網址或專頁

挑選要傳送的網站或 Facebook 專頁的網址。

2.程式碼配置工具

將網址貼至程式碼配置工具,然後點擊 Get Code(取得程式碼)按鈕,產生您的「傳送」按鈕程式碼。

3.複製並貼上 HTML 程式碼片段

複製該程式碼片段,然後貼至目標網站的 HTML。

「傳送」按鈕配置工具

傳送的網址

完整程式碼範例

複製該程式碼範例,然後貼至您的網站。將 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