Google 検索の結果にtwitter上で何個言及されているかを表示するブックマークレット

    @@ -36,7 +36,7 @@ } console.log(link, url); }; - if(ref==null){debugger} + if(!ref){debugger} ref.parentNode.style.setProperty('overflow', 'visible'); ref.parentNode.appendChild(counter) }
  • /* 
     * @title Google 検索の結果にtwitter上で何個言及されているかを表示するブックマークレット
     * @description Chromeの人はこうする http://qiita.com/laiso/items/d30ead1bb5aa3d979190
     * @include http://*.google.*\/search
     * @licence MIT
     */
    
    var _STYLE = "padding: 0 0.5em;\nmargin: 0 0.5em;\ncolor: #fff;\ntext-shadow: 0 1px 0 white;\nbackground-color: #4e69a2;\nfont-weight: bold;\ntext-decoration-line: none;";
    
    var links = document.querySelectorAll('h3 a');
    
    (function(){
      for (var i=0; i<links.length; i++) {
        var a = links[i];
        addCounter(a);
      }
    })();
    
    function callback(data, textStatus, jqXHR) {
      var counter, point;
      counter = document.createElement('A');
      counter.setAttribute('style', _STYLE);
      counter.href = 'https://twitter.com/#!/search/realtime/' + encodeURIComponent(data.url);
     
      var linkUrl = Object.keys(data)[0];
      counter.innerText = data[linkUrl].shares || 0;
    
      var ref = null;
      for (var i=0; i<links.length; i++) {
        var tag =  links.item(i);
        var link = tag.href.replace(/\//g, '');
        var url = linkUrl.replace(/\//g, '');
        if(link.indexOf(url) > -1){
          ref = tag;
          break;
        }
    console.log(link, url);
      };
      if(!ref){debugger}
      ref.parentNode.style.setProperty('overflow', 'visible');
      ref.parentNode.appendChild(counter)
    }
    
    function addCounter(a) {
      var script = document.createElement('SCRIPT');
      script.src = 'http://graph.facebook.com/?ids=' + encodeURIComponent(a.href) + '&callback=callback';
      document.body.insertBefore(script, null);
    };
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2015/11/21 16:14:27 - 2015-11-21
  2. 2015/11/21 16:11:11 - 2015-11-21
  3. 2015/11/21 16:10:17 - 2015-11-21
  4. 2015/11/21 16:08:47 - 2015-11-21
  5. 2015/11/21 16:06:29 - 2015-11-21
  6. 2015/11/21 16:02:08 - 2015-11-21
  7. 2015/11/21 16:01:40 - 2015-11-21
  8. 2015/11/21 16:00:45 - 2015-11-21
  9. 2015/11/21 15:59:43 - 2015-11-21
  10. 2015/11/21 15:57:46 - 2015-11-21
  11. 2015/11/21 15:56:31 - 2015-11-21
  12. 2015/11/21 15:55:08 - 2015-11-21
  13. 2015/11/21 15:54:45 - 2015-11-21
  14. 2015/11/21 15:52:37 - 2015-11-21
  15. 2015/11/21 15:51:44 - 2015-11-21
  16. 2015/11/21 15:50:43 - 2015-11-21
  17. 2015/11/21 15:49:35 - 2015-11-21
  18. 2015/11/21 15:47:17 - 2015-11-21
  19. 2015/11/21 15:44:02 - 2015-11-21
  20. 2015/11/21 15:40:35 - 2015-11-21
  21. 2015/11/21 15:34:43 - 2015-11-21
  22. 2015/09/25 17:26:49 - 2015-09-25
  23. 2015/03/31 19:57:20 - 2015-03-31
  24. 2014/10/21 20:41:58 - 2014-10-21
  25. 2014/10/21 20:39:37 - 2014-10-21
  26. 2014/10/21 20:38:48 - 2014-10-21
  27. 2013/10/17 16:08:42 - 2013-10-17
  28. 2013/04/28 21:16:32 - 2013-04-28
  29. 2013/04/26 21:49:06 - 2013-04-26
  30. 2012/08/25 23:08:19 - 2012-08-25
  31. 2012/08/25 23:04:51 - 2012-08-25
  32. 2012/08/25 22:59:33 - 2012-08-25