web-dev-qa-db-fra.com

Création d'un bouton de partage Facebook avec une URL, un titre et une image personnalisés

Facebook autorisait auparavant les paramètres personnalisés dans le bouton de partage Facebook, mais cela ne fonctionne pas maintenant. Ce dont j'ai besoin, c'est de créer un bouton de partage Facebook qui aura un titre, une URL, une image, une description personnalisés, etc. Chacun devrait avoir un titre, des URL, des images, etc. différents. J'ai entendu dire que cela peut être fait en utilisant l'application Facebook - en utilisant l'identifiant de l'application ou quelque chose.

J'ai essayé mais ça ne marche pas:

<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

Malheureusement, il semble que nous ne pouvons pas publier de partages pour des sujets ou des articles individuels dans une page. Il semble que Facebook veuille juste que nous partagions des pages entières (sur la base de l'URL uniquement).

Il y a aussi leur nouveau dialogue de partage , mais même s'ils prétendent qu'il peut faire tout ce que l'ancien sharer.php pouvait faire, cela ne semble pas être vrai.

Et voici les meilleures pratiques de Facebook pour le partage.

5
CodeDreamer68

Utilisez la boîte de dialogue de flux Facebook au lieu de la boîte de dialogue de partage.

Exemple:

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

Voici le code en 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 prend désormais toutes les données des métatags OG.

REMARQUE: ce code suppose que vous avez des métabalises OG dans le code du site.

Source

4
Jasom Dotnet

Brut, mais cela fonctionne sur notre système:

<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