sharer - Crear un botón para compartir en Facebook con URL, título e imagen personalizados
como poner un link a una imagen en facebook (4)
Facebook solía permitir parámetros personalizados en el botón compartir de Facebook, pero no está funcionando ahora. Lo que necesito es crear un botón para compartir en Facebook que tenga un título personalizado, url, imagen, descripción, etc. No se puede hacer usando metaetiquetas porque hay varios botones para compartir en una sola página. Cada uno debería tener un título, URL, imágenes, etc. diferentes. Escuché que se puede hacer usando la aplicación de Facebook, usando la identificación de la aplicación o algo así.
Intenté esto pero no está funcionando:
<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">
Desafortunadamente, parece que no podemos publicar acciones para temas individuales o artículos dentro de una página. Parece que Facebook solo quiere que compartamos páginas enteras (solo en url).
También existe su nuevo diálogo de compartir , pero a pesar de que afirman que puede hacer todo lo que podría hacer el viejo sharer.php, eso no parece ser cierto.
Y aquí están las mejores prácticas de Facebook para compartir.
Crudo, pero funciona en nuestro sistema:
<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>
Este es el código como 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 ahora toma todos los datos de las metatags de OG.
NOTA: Este código supone que tiene metatags OG en el código del sitio.
Use el diálogo de feed de Facebook en lugar de compartir el cuadro de diálogo.
Ejemplo: