使用自定义网址,标题和图片创建Facebook共享按钮

时间:2014-04-05 05:52:28

标签: facebook facebook-graph-api share-button

Facebook曾经在Facebook分享按钮中允许自定义参数,但它现在无法正常工作。我需要的是创建一个Facebook共享按钮,它将具有自定义标题,网址,图像,描述等。使用元标记无法完成,因为单个页面上有多个共享按钮。每个应该有一个不同的标题,网址,图像等。我听说它可以使用Facebook应用程序 - 使用应用程序ID或其他东西。

我尝试了这个,但它不起作用:

<a title="send to Facebook" 
  href="http://www.facebook.com/sharer.php?s=100&p[title]=YOUR_TITLE&p[summary]=YOUR_SUMMARY&p[url]=YOUR_URL&p[images][0]=YOUR_IMAGE_TO_SHARE_OBJECT"
  target="_blank">

4 个答案:

答案 0 :(得分:5)

不幸的是,我们似乎无法在页面中发布各个主题或文章的分享。 Facebook似乎只是希望我们共享整个页面(仅基于网址)。

还有他们的新share dialog,但即使他们声称它可以完成旧的sharer.php可以做的所有事情,但这看起来并不真实。

此处Facebooks 'best practices'分享。

答案 1 :(得分:4)

这是2017年的代码:

<i class="fa fa-facebook-square"></i>
<a href="#" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),'facebook-share-dialog','width=626,height=436');return false;">Share on Facebook</a>

Facebook现在从OG元标记中获取所有数据。

注意:此代码假定您在网站代码中有OG元标记。

Source

答案 2 :(得分:4)

答案 3 :(得分:2)

原油,但它适用于我们的系统:

<div class="block-share spread-share p-t-md">
  <a href="http://www.facebook.com/share.php?u=http://www.voteleavetakecontrol.org/our_affiliates&title=Farmers+for+Britain+have+made+the+sensible+decision+to+Vote+Leave.+Be+part+of+a+better+future+for+us+all.+Please+share!" 
     target="_blank">
    <button class="btn btn-social btn-facebook">
      <span class="icon icon-facebook">
      </span> 
      Share on Facebook
    </button>
  </a>

  <a href="https://www.facebook.com/FarmersForBritain" target="_blank">
    <button class="btn btn-social btn-facebook">
      <span class="icon icon-facebook">
      </span>
      Like  on Facebook
    </button>
  </a>
</div>