web-dev-qa-db-ja.com

Facebookの[共有]ボタン:公式に死んでいますか?

7月17日以降、古い共有ボタンは、私が管理するすべてのWebサイトで機能しなくなりました。

同様の問題に直面している他のユーザーのレポートを読みましたが、公式なものを見つけることができませんでした。

これに関する公式ソースがあるかどうか知っていますか?

27
Scalax

これが最初に尋ねられてからしばらく経ちましたが、Facebookのドキュメントからのいくつかの新しい情報により、リンクを共有するsharer.phpメソッドが引き続き機能し、サポートされ、生きているという公式の「証拠」を見ることができます。蹴る。

参照は ドキュメントのこのページ であり、いくつかの例も示します。

これは、共有ダイアログの最も簡単な使用方法です。

<a href="https://www.facebook.com/sharer/sharer.php?u=example.org" target="_blank">
  Share on Facebook
</a>

そしてまた:

新しいウィンドウまたはポップアップでこのURLをポイントできます。 JavaScriptを使用して新しいウィンドウを開くと、共有されている現在のページのURLをlocation.hrefとして参照することもできます。これにより、すべてのページで使用できるコードが得られます。

var sharer = "https://www.facebook.com/sharer/sharer.php?u=";
window.open(sharer + location.href, 'sharer', 'width=626,height=436');

まとめると、sharer.phpの動作が予測不可能であった期間が実際にありました。このメソッドは非推奨であり、使用することは賢明ではないことが広く受け入れられました。 Facebookのドキュメントにsharer.phpの使用例が追加されたため、これは正式に破壊されました

25
Lix

更新#3(2016年6月):

再び消えました。ドキュメントにはsharer.phpへの参照はありません。ただし、任意の形式でfacebook sdkと統合せずに share dialog を使用するオプションがあります。重要な違いは、必須のapp_idパラメータ。ドキュメントからの1つの例を次に示します。

<a id="facebook" href="https://www.facebook.com/dialog/share?app_id=145634995501895&display=popup&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer" target="_blank">share me</a>

更新#2:

@Lixの答えをご覧ください。


更新#1:

Seanが指摘したように(この功績のために)、共有ボタンのFBMLバージョンを使用できます。 FBMLバージョンのコードスニペット:

<!DOCTYPE html>
<html xmlns:fb="http://ogp.me/ns/fb#" lang="en" style="overflow:hidden;">
    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
        <meta charset="utf-8">
        <title>Test</title>
    </head>
    <body>
        <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=YOUR_APP_ID"; // appId must be valid
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <fb:share-button type="button_count" href="http://www.foobar.com">
        </fb:share-button>
    </body>
</html>

注:このバージョンの共有ボタン(Facebookの現在のすべてのソーシャルプラグインと同様)は、ユーザープライバシーに対する潜在的な脅威であるdatrパラメーターを使用してCookieを作成します。プライバシーポリシーに従う必要がある場合は、このことに留意してください。

Sharer.phpバージョンのコードスニペット:

<a id="fb-share" style='text-decoration:none;' type="icon_link" onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=foo&amp;p[summary]=bar&amp;p[url]=https://www.foobar.com/&amp;p[images][0]=https://www.foobar.com/thumb.gif','sharer','toolbar=0,status=0,width=580,height=325');" href="javascript: void(0)">
    <img src="img/share.gif" width="62" height="18" alt="Share"/>
</a>



元の回答:

[共有]ボタンは、しばらく前に廃止されました。今では完全に死んでいるか、一時的にFacebookだけが知っている。公式には非推奨です。

ドキュメント から:

古い共有ボタンはどうなりましたか?

[いいね]ボタンを起動したときに[共有]ボタンを廃止しました[...]

15
borisdiakur

ここで使用されるコード、

<a name="fb_share" type="button_count" share_url="..." href="facebook.com/sharer.php" rel="nofollow">Share</a>

<script src="static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

数年前に廃止され、Facebookは月曜日に代わりに新しいJS SDKを提供するようになりました。

共有ボタンの公式バージョンは、 JS SDK を使用し、

<fb:share ..... />

そうは言っても、新しいSDKを代わりに提供しているので、古い<a name="fb_share" ...今日の生活にタグ付けしてください:)これについてすみません。

しかし、新しいSDKに更新する時が来たのでしょうか?

7
Sean Kinsey

したがって、これをまとめると、まだこれを行うと動作します

<a target="_blank" style='text-decoration:none;' type="icon_link" href="http://www.facebook.com/sharer.php?u=URL-TO-SHARE-HERE"><img style="width:26px;height:26px;" src=".../facebook2.png"%>"/></a>

共有ポップアップが開き、公開されると自動的に閉じます。

しかし、誰もが新しい「いいね」ボタンと「送信」ボタンにできるだけ早く移動する必要があります...

5
Michel

fb docs: から取られているように、これは将来的に安全な妥協案と思われる

直接URLの例

また、明示的に/ dialog/feedエンドポイントにユーザーを誘導することにより、フィードダイアログを表示することもできます。

https://www.facebook.com/dialog/feed ? app_id = 458358780877780&
link = https://developers.facebook.com/docs/reference/dialogs/&
picture = http://fbrell.com/f8.jpg& name = Facebook%20Dialogs&
caption = Reference%20Documentation&
description =%20Dialogs%20to%20interact%20with%20usersを使用しています。
redirect_uri = https://mighty-lowlands-6381.herokuapp.com/

このメソッドで使用するアプリIDを取得するにはアプリを作成する必要がありますが、ユーザーに投稿を促す前にユーザーから許可を取得する必要はなく、好きな画像を使用できます。

3
J Griffiths

Facebookは7月18日にアップデートをリリースしました。外部アプリケーションを介してページに行われたすべての投稿に[共有]ボタンが追加されました。以前は、いくつかのハックを使用して(sharer.phpを使用して)共有ボタンを自分で追加していましたが、アプリケーションを介して行われたすべての投稿が自動的に[共有]ボタンを取得するようになりました。

1
Master Drools

最初に、彼らは「いいね」ボタンを支持して共有ボタンを廃止しました(そして、私が経験した限り、共有は機能し続けましたが、バグがありました)。しかし、現在(2013年11月10日)Facebookが新しい共有ボタンをランチしているようです。

これらのリンクを確認してください

https://developers.facebook.com/docs/plugins/share-button/

https://developers.facebook.com/blog/post/2013/11/06/introducing-new-like-and-share-buttons/

0
dav