VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > temp > JavaScript教程 >
  • Sharing count on Facebook, Twitter, and LinkedIn

 最近一段时间一直在研究有关Social Network的东西,这里有几个在当前国外主流社交网站上用来显示分享数量的API,记录一下,今后可能会用得着。

Facebook

  Facebook将FQL(Facebook Query Language)查询语句以URL参数的形式传递给服务器来实现查询,不仅可以查询当前页面的Sharing count,还可以查询许多数据。所涉及到的表和相关字段可以参考Facebook的官方文档:https://developers.facebook.com/docs/reference/fql/

  这里还有一个Facebook sharing counter的查询工具,直接输入要查询的页面的URL地址就可以查询该页面在Facebook中被分享过多少次了http://www.emetello.com/facebook-share-counter/

  下面是一段通过JavaScript代码在页面上显示分享到Facebook的次数,代码通过JQuery的Ajax方法调用Facebook的查询语句来获取分享次数的数字。注意观察Ajax中的url参数,其中query的值是一个FQL查询语句,当前查询link_stat表的share_count字段。Facebook的FQL查询语句不支持*通配符来查询表的所有字段。format参数用来指定返回值的类型,本例中为json对象字符串。timestamp参数是人为添加的,作用是为了避开可能的浏览器缓存。displaySharingCount方法负责在页面上显示获取到的结果,如果数字大于三位数,则只显示"500+",并给元素添加title属性用以显示完整的值;否则就直接显示值。

复制代码
function displaySharingCount(val, objId) {
    var blank = " ";
    var id = "#" + objId
    if (typeof (val) != "undefined") {
        if (val.length > 3) {
            $(id).attr("title", val);
            $(id).text(blank + "500+");
        }
        else
            $(id).text(blank + val);
    }
}

window.onload = function () {
    var currUrl = encodeURIComponent(location.href);

    $.ajax({
        url: "https://api.facebook.com/method/fql.query?query=select%20share_count%20from%20link_stat%20where%20url=%22" + currUrl + "%22&format=json&timestamp=" + new Date().getTime(),
        type: "get",
        datatype: "html",
        async: true,
        success: function (data) {
            displaySharingCount(data[0].share_count, "Facebook_count");
        }
    });
 };
复制代码

 

Twitter & LinkedIn

  Twitter和LinkedIn在获取sharing count方面很相似,都是通过一个URL来获取返回结果,可以指定返回结果是json格式或jsonp。看下面的例子,通过jsonp来获取Twitter和LinkedIn的sharing count值。

复制代码
function getTwitterCount(obj) {
    displaySharingCount(obj.count, "Twitter_count");
}

function getLinkedInCount(obj) {
    displaySharingCount(obj.count, "LinkedIn_count");
}

function createScript(id, src) {
    var js, fjs = document.getElementsByTagName("script")[0];
    js = document.getElementById(id);
    if (js) {
        document.removeChild(js);
    }
    js = document.createElement("script");
    js.id = id;
    js.src = src;
    fjs.parentNode.insertBefore(js, fjs);
}

window.onload = function () {
    var currUrl = encodeURIComponent(location.href);

    createScript("Twitter_jscallback", "http://urls.api.twitter.com/1/urls/count.json?url=" + currUrl + "&format=jsonp&callback=getTwitterCount");
    createScript("LinkedIn_jscallback", "http://www.linkedin.com/countserv/count/share?url=" + currUrl + "&format=jsonp&callback=getLinkedInCount");
};
复制代码

  LinkedIn的官方网站上有关于如何使用sharing count的介绍:https://developer.linkedin.com/retrieving-share-counts-custom-buttons

  有一个地方需要注意,那就是当前页面的URL字符串是大小写敏感的,而且是否encoded也会有影响。例如下面这几个URL,虽然指向的都是同一个页面,但是获取到的sharing count也会有区别:

http://www.cnblogs.com/jaxu

http://www.cnblogs.com/Jaxu

http%3A%2F%2Fwww.cnblogs.com%2Fjaxu

 

出处:https://www.cnblogs.com/jaxu/p/3453521.html


相关教程