网站上的 Facebook 分享按钮

Posted 2023-03-17

【中文标题】网站上的 Facebook 分享按钮

【英文标题】：Facebook Sharing button on website

【发布时间】：2015-06-02 14:31:11

【问题描述】：

我目前在我的网站上有一个 facebook 分享按钮，它非常适合台式机，但是从它的移动端，它只会在移动浏览器中打开一个新标签，但我正在寻找它来打开移动设备上的 facebook 应用程序。

我只有这个简单的代码块来做当前的分享按钮。

<div class="fb-share-button" data-href="<?= URL ?>" data-layout="button"></div>

以及顶部的这个脚本。

 <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/sdk.js#xfbml=1&version=v2.3";
   fjs.parentNode.insertBefore(js, fjs);
(document, 'script', 'facebook-jssdk'));</script>

如果有人能指出正确的方向，我将不胜感激。

【问题讨论】：

“但我正在寻找它以在移动设备上打开 facebook 应用程序” – 这是不可能的；系统浏览器和 FB 应用程序之间没有“连接”。

【参考方案1】：

已经对此进行了一些讨论，经过一番阅读后，我不确定这里的情况是否发生了很大变化，超出了this answer 所说的范围。

尝试从网站直接链接到应用程序的危险在于，如果用户碰巧没有安装有问题的应用程序，则链接的行为可能无法预测。我个人会坚持使用网络对话，并将责任留给平台本身（在本例中为 Facebook），以便在他们的移动页面中有一个“在应用程序中打开”按钮，就像 Instagram 已经做到的那样。

您可以开始尝试使用fb:// URL，但当然它们仅适用于安装了该应用程序的人，而且您无法检查每个 http 请求 - this answer might also be useful。