如何修復Facebook的分享貼紙 (Share Button)?

作者: Jas / 發表於 2012-07-24

Facebook官方不再支援Share Button,一時之間讓網路上眾多分享貼紙都失效了。

如何修復Facebook的分享貼紙 (Share Button)?

以下是暫時依然可行的解法:

(一)首先,到Facebook建立一個應用程式。這個步驟的目的是想取得一個有效的應用程式ID,所以,如果你已經有一個有效的應用程式ID,就直接跳到(二)。

(二)修改網頁原始碼裡的<html>標籤:

在<html>標籤裡加入

xmlns:fb="http://ogp.me/ns/fb#"

譬如像這樣

<html xmlns:fb="http://ogp.me/ns/fb#">

(三)加入分享貼紙 (Share Button)

用以下的語法碼取代舊有已失效的分享貼紙語法

<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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=應用程式ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:share-button type="box_count">
</fb:share-button>

其中,應用程式ID必須修改成在步驟(一)取得的有效應用程式ID。

box_count則可依個人偏好,修改成button_count或button。





回上方