与柜台分享社交媒体上的网页

Question

I'm creating a website that's going to have hundreds of pages. I want each page to be shareable on Facebook and Twitter . I've already created these buttons but I also want to have their respective share counters next to my share buttons. I don't want to use the standard Facebook method they provide because the coding looks bloated.

Right, so after doing some research, I found this example on codepen .

This looks exactly what I want - very simple!

However, I need some clarification and basic help with how this javascript code works:

var permalink = 'http://codepen.io';

var getTwitterCount = function () {
$.getJSON('http://urls.api.twitter.com/1/urls/count.json? 
url='+permalink+'&callback=?', function(data){
var twitterShares = data.count;
$('.twitter .share-count').text(twitterShares);
});
};

getTwitterCount();


var getFacebookCount = function () {
$.getJSON('http://graph.facebook.com/?ids='+permalink+'&callback=?',     
function(data){
var facebookShares = data[permalink].shares;
$('.facebook .share-count').text(facebookShares);
});
};

getFacebookCount();

This bit of code:

var permalink = 'http://codepen.io';

Does this have to be:

1) the url of the actual page I want shared, eg: http://www.example.com/page-1/

OR

2) Must this be the root of the domain name, eg: http://www.example.com/

?

Or am I missing something else?

If the answer is #1 above, then that means I have to include + edit this line for each page which isn't ideal because I have all my javascript code + plugins in ONE .js file to reduce http requests, so I'd prefer it that I don't have to add this javascript on-page for every page.

Answer 1

那将是您要共享的页面，但是您可以通过将其设置为诸如document.location.href类的document.location.href而不必为每个页面使用单独的变量来解决它？