Botón para compartir de Facebook y texto personalizado [cerrado]

¿Hay alguna forma de hacer que el botón para compartir de Facebook publique texto personalizado en la pared o en la fuente de noticias?

Usamos algo como esto [usar en una línea]:

<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">
  <span>
    <img width="14" height="14" src="'icons/fb.gif" alt="Facebook" /> Facebook 
  </span>
</a>

Para dar parámetros personalizados a facebook compartir su mejor dar sólo el enlace de facebook y recibe su nombre + descripción + Imagen de forma automática desde la página que está compartiendo. Para "ayudar" a la API de Facebook a encontrar esas cosas, puede poner las siguientes cosas en el encabezado de la página que está compartiendo:

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

Chequea aquí

Si la página no está bajo su control, use lo que AllisonC ha compartido anteriormente.

Para el comportamiento del tipo de vista modal emergente:

Use su propio botón / enlace / texto y luego puede usar un tipo de vista modal de ventana emergente de esta manera:

<script type= 'text/javascript'>
$('#twitterbtn-link,#facebookbtn-link').click(function(event) {
var width  = 575,
    height = 400,
    left   = ($(window).width()  - width)  / 2,
    top    = ($(window).height() - height) / 2,
    url    = this.href,
    opts   = 'status=1' +
             ',width='  + width  +
             ',height=' + height +
             ',top='    + top    +
             ',left='   + left;

window.open(url, 'twitter', opts);

return false;
});
</script>

donde twitterbtn-link y facebookbtn-link son identificadores de anclas.

utilice esta función derivada del enlace proporcionado por IJas

function openFbPopUp() {
    var fburl = '';
    var fbimgurl = 'http://';
    var fbtitle = 'Your title';
    var fbsummary = "your description";
    var sharerURL = "http://www.facebook.com/sharer/sharer.php?s=100&p[url]=" + encodeURI(fburl) + "&p[images][0]=" + encodeURI(fbimgurl) + "&p[title]=" + encodeURI(fbtitle) + "&p[summary]=" + encodeURI(fbsummary);
    window.open(
      sharerURL,
      'facebook-share-dialog', 
      'width=626,height=436'); 
    return  false;
}

O también puede usar la última función FB.ui si usa FB JavaScript SDK para una función de devolución de llamada más controlada.

consulte: FB.ui

    function openFbPopUp() {
        FB.ui(
          {
            method: 'feed',
            name: 'Facebook Dialogs',
            link: 'https://developers.facebook.com/docs/dialogs/',
            picture: 'http://fbrell.com/f8.jpg',
            caption: 'Reference Documentation',
            description: 'Dialogs provide a simple, consistent interface for applications to interface with users.'
          },
          function(response) {
            if (response && response.post_id) {
              alert('Post was published.');
            } else {
              alert('Post was not published.');
            }
          }
        );
    }

Tienes varias opciones:

1. Utilice el botón Compartir de FB estándar y configure el texto a través de Open Graph API y metaetiquetas en su página.
2. En lugar de Compartir, utilice el método stream.publish de FB.ui , que le permite controlar la URL, el título, el título, la descripción y la miniatura en tiempo de ejecución.
3. O use http://www.facebook.com/sharer.php con los parámetros apropiados.

Puede personalizar el cuadro de diálogo para compartir de Facebook utilizando el SDK de JavaScript asincrónico proporcionado por Facebook y configurando los valores de sus parámetros

Eche un vistazo al siguiente código:

<script type="text/javascript">
  $(document).ready(function(){
    $('#share_button').click(function(e){
      e.preventDefault();
      FB.ui(
        {
          method: 'feed',
          name: 'This is the content of the "name" field.',
          link: 'URL which you would like to share ',
          picture: ‘URL of the image which is going to appear as thumbnail image in share dialogbox’,
          caption: 'Caption like which appear as title of the dialog box',
          description: 'Small description of the post',
          message: ''
        }
      );
    });
  });
</script>

Antes de copiar y pegar el siguiente código, primero debe inicializar el SDK y configurar la biblioteca jQuery. Haga clic aquí para conocer paso a paso cómo configurar información sobre el mismo.

Esta es la solución actual (diciembre de 2014) y funciona bastante bien. Cuenta con

• abre una ventana emergente
• fragmento autónomo, no requiere nada más
• funciona con o sin JS. Si JS está deshabilitado, la ventana para compartir aún se abre, aunque no como una pequeña ventana emergente.

<a onclick="return !window.open(this.href, 'Share on Facebook', 'width=640, height=536')" href="https://www.facebook.com/sharer/sharer.php?u=href=$url&display=popup&ref=plugin" target="_window"><img src='/_img/icons/facebook.png' /></a>

$ url var debe definirse como la URL para compartir.

Este es un simple cuadro de diálogo que ofrece Facebook. Lea aquí para obtener más detalles del enlace

podría combinar la idea de AllisonC con la window.openfunción: http://www.w3schools.com/jsref/met_win_open.asp

function openWin(url) {
    myWindow = window.open(url, '', 'width=800,height=400');
    myWindow.focus();
}

Y luego, en cada enlace, llama a la función openWin con la URL de red social correcta.

Pruebe este sitio http://www.sharelinkgenerator.com/ . Espero que esto ayude.