为什么这个Facebook共享代码不起作用？

Question

I'm trying to make a custom Facebook share function for my website, and I'm using the Facebook sharer URL to open Facebook share in a popup window. However, for some reason it doesn't work.

What I'm doing is simple:

function shareFB(){
    var img=$('#fb_img').html();
    var text=$('#fb_share').html();
    var url=$('#fb_url').html();

    var full_url='http://www.facebook.com/sharer.php?s=100&p[title]=MyTitle&p[summary]='+text+'&p[url]='+url+'&&p[images][0]='+img;

    window.open(full_url, 'sharer', 'toolbar=0,status=0,width=548,height=325');
}

The weird thing is, it doesn't matter what values I give to img , text and url or even if I use all of them. In the example below, I removed img completely and set text="whatever" and url="http://www.domain.com/stats_leagues.php" .

https://www.facebook.com/sharer/sharer.php?s=100&amp%3Bp[title]=SportFant&amp%3Bp[summary]=whatever&amp%3Bp[url]=http%3A%2F%2Fwww.domain.com%2Fstats_leagues.php

Yet it doesn't work - it just opens an empty popup. Why? I've used the same URL format for Facebook shares a dozen times and it always worked. Even copy/pasting the formatted URL above into my browser just opens a blank page.

Answer 1

I don't know from where you got all those parameters, like s= , p[title] , etc., probably from some old version of facebook share?

On Facebook share button docs, under FAQ, it says:

Yes, although we recommend using the Share button to offer the simplest and most consistent experience for people using your site, you can invoke the Share Dialog using a link: <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fparse.com" target="_blank">

So just change your code to:

function shareFB() {
    var url = $('#fb_url').html(); #encode url if it is not already
    var full_url = 'http://www.facebook.com/sharer.php?u='+url; 
    window.open(full_url, 'sharer', 'toolbar=0,status=0,width=548,height=325');
}

FAQ also states that Facebook will scrape your page for additional info, like title, image, etc. It scrapes your OG meta tags from your page. Debug it here .