通过计数器在社交媒体上分享网页

时间:2015-08-10 11:43:38

标签: javascript jquery facebook

我正在创建一个拥有数百页的网站。我希望每个页面都可以在 Facebook Twitter 上共享。我已经创建了这些按钮,但我也希望在我的共享按钮旁边有各自的共享计数器。我不想使用他们提供的标准Facebook方法,因为编码看起来很臃肿。

是的,所以在做了一些研究之后,我找到了this example on codepen

这看起来正是我想要的 - 非常简单!

但是,我需要一些澄清和基本帮助来解决这个javascript代码的工作原理:

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();

这段代码:

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

这必须是:

1)我想要分享的实际网页的网址,例如:http://www.example.com/page-1/

OR

2)这必须是域名的根,例如:http://www.example.com/

或者我错过了其他什么?

如果答案是上面的#1,那么这意味着我必须为每个页面包含+编辑此行,这不是理想的,因为我在ONE .js文件中有我所有的javascript代码+插件以减少http请求,所以我更喜欢它,我不必在每页的页面上添加这个javascript。

1 个答案:

答案 0 :(得分:1)

这是您想要分享的页面,但是您可以通过将每个页面设置为document.location.href来为每个页面使用单独的变量来绕过它吗?