簡體   English   中英

與櫃台分享社交媒體上的網頁

[英]Share webpages on social media with counter

我正在創建一個擁有數百個頁面的網站。 我希望每個頁面都可以在FacebookTwitter上共享。 我已經創建了這些按鈕,但我也想在共享按鈕旁邊設置它們各自的共享計數器。 我不想使用它們提供的標准Facebook方法,因為編碼看起來很腫。

是的,因此,在進行了一些研究之后,我在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/

要么

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

還是我想念其他東西?

如果答案是上面的#1,則意味着我必須為每個頁面添加+編輯此行,這並不理想,因為我將所有javascript代碼+插件都放在一個.js文件中以減少http請求,所以我想希望我不必在每個頁面上都添加此javascript頁面。

那將是您要共享的頁面,但是您可以通過將其設置為諸如document.location.href類的document.location.href而不必為每個頁面使用單獨的變量來解決它?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM