JSFiddle - React, Tailwind, and code Playground

by xxmiz0rexx M

HTML

<a href="http://webimemo.com" class="share">aaa</a>

JavaScript

//snsshare
jQuery(document).ready(function () {
    var entryurl = $('.share')[0].href;
    var twitter;
    var twitterUrl = "http://urls.api.twitter.com/1/urls/count.json?url=" + entryurl + "&callback=countTweet";
    var like;
    var facebookUrl = "https://api.facebook.com/method/fql.query?query=select%20share_count%20from%20link_stat%20where%20url=%22" + entryurl + "%22&callback=countLike";
    var hatena;
    var hatenaUrl = "http://api.b.st-hatena.com/entry.count?url=%20" + entryurl + "%20&callback=countHatena";

    $.getScript(twitterUrl);

    window.countTweet = function (j) {
        twitter = Number(j.count);
        $.getScript(facebookUrl);
    };

    window.countLike = function (xml) {
        like = Number($(xml).find("share_count").text());
        $.getScript(hatenaUrl);
    }

    window.countHatena = function (count) {
        hatena = Number(count);
        var all = twitter + like + hatena;
        $('.share').text(all);
    }
});