web-dev-qa-db-ja.com

カスタマイズされたURL、タイトル、画像でFacebook共有ボタンを作成する

Facebookは、以前はFacebook共有ボタンでカスタムパラメータを許可していましたが、現在は機能していません。必要なのは、カスタムタイトル、URL、画像、説明などを持つFacebook共有ボタンを作成することです。1ページに複数の共有ボタンがあるため、メタタグを使用して実行することはできません。それぞれに異なるタイトル、URL、画像などを付ける必要があります。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">
facebookfacebook-graph-apishare-button
9
Gijo Varghese

残念ながら、ページ内の個々のトピックや記事の共有を投稿することはできないようです。 Facebookはページ全体（URLのみに基づく）を共有することを望んでいるようです。

新しい 共有ダイアログ もありますが、古いsharer.phpでできることはすべてできると主張しているにもかかわらず、それは真実ではないようです。

そして、こちらが Facebookの「ベストプラクティス」 共有です。

5
CodeDreamer68

共有ダイアログの代わりにFacebookフィードダイアログを使用します。

例：

https://www.facebook.com/dialog/feed?app_id=1389892087910588＆redirect_uri = https：//scotch.io＆link = https：//scotch.io＆picture = http：//placekitten.com/500/500＆caption = This％20is％20the％20caption＆description = This％20is％20the％20description

5
kittu

これは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メタタグがオンになっていることを前提としています。

ソース

4
Jasom Dotnet

粗野ですが、システム上で動作します：

<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>
2
Michael O'Sullivan