Tombol berbagi Facebook dan teks kustom [ditutup]

Apakah ada cara untuk membuat tombol bagikan facebook yang memposting teks khusus di dinding atau umpan berita?

Kami menggunakan sesuatu seperti ini [gunakan dalam satu baris]:

<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>

Untuk memberikan parameter khusus pada share facebook, sebaiknya berikan hanya tautan dan facebook mendapatkan Judul + Deskripsi + Gambarnya secara otomatis dari halaman yang Anda bagikan. Untuk "membantu" facebook API menemukan hal-hal itu, Anda dapat meletakkan hal-hal berikut di header halaman yang Anda bagikan:

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

Cek di sini

Jika halaman tersebut tidak di bawah kendali Anda, gunakan apa yang telah dibagikan oleh AllisonC di atas.

Untuk perilaku jenis modalview popup:

Gunakan tombol / tautan / teks Anda sendiri dan kemudian Anda dapat menggunakan jenis tampilan modal popup dengan cara ini:

<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>

di mana twitterbtn-link dan facebookbtn-link keduanya adalah id dari jangkar.

gunakan fungsi ini yang berasal dari tautan yang disediakan oleh 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;
}

Atau Anda juga dapat menggunakan Fungsi FB.ui terbaru jika menggunakan FB JavaScript SDK untuk fungsi panggilan balik yang lebih terkontrol.

lihat: 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.');
            }
          }
        );
    }

Anda memiliki beberapa opsi:

1. Gunakan tombol Berbagi FB standar dan atur teks melalui Open Graph API dan tag meta di halaman Anda.
2. Alih-alih Berbagi, gunakan FB.ui metode stream.publish 's, yang memungkinkan anda mengontrol URL, judul, keterangan, deskripsi dan thumbnail pada saat run-time.
3. Atau gunakan http://www.facebook.com/sharer.php dengan parameter yang sesuai.

Anda dapat menyesuaikan kotak dialog berbagi Facebook dengan menggunakan JavaScript SDK asinkron yang disediakan oleh Facebook dan mengatur nilai parameternya

Lihat kode berikut:

<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>

Sebelum menyalin dan menempelkan kode di bawah ini, Anda harus terlebih dahulu menginisialisasi SDK dan menyiapkan pustaka jQuery. Silakan klik di sini untuk mengetahui langkah demi langkah bagaimana mengatur informasi yang sama.

Ini adalah solusi saat ini (Des 2014) dan berfungsi dengan baik. Ini fitur

• buka jendela popup
• cuplikan mandiri, tidak memerlukan apa pun
• bekerja dengan atau tanpa JS. Jika JS dinonaktifkan, jendela share masih terbuka, meskipun bukan sebagai popup kecil.

<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 harus ditentukan sebagai URL yang akan dibagikan.

Ini adalah umpan dialog sederhana yang ditawarkan Facebook. Baca di sini untuk tautan detail lebih lanjut

Anda dapat menggabungkan ide AllisonC dengan window.openfungsi: http://www.w3schools.com/jsref/met_win_open.asp

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

Dan kemudian pada setiap tautan Anda memanggil fungsi openWin dengan url jejaring sosial yang benar.

Coba situs ini http://www.sharelinkgenerator.com/ . Semoga ini membantu.