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

by laiso 2015-11-21 [2015/11/21 16:14:27]

Chromeの人はこうする http://qiita.com/laiso/items/d30ead1bb5aa3d979190

@@ -36,7 +36,7 @@
 addCounter = function(a) {
   var script = document.createElement('SCRIPT');
   script.src = 'http://urls.api.twitter.com/1/urls/count.json?url=' + encodeURIComponent(a.href) + '&callback=callback';
-  document.body.insertBefore(script);
+  document.body.insertBefore(script, null);
 };
 
 links = document.querySelectorAll('a.l');

• /* 
   * @title Google 検索の結果にtwitter上で何個言及されているかを表示するブックマークレット
   * @description http://d.hatena.ne.jp/laiso/20111204/p1
   * @include http://*.google.*\/search
   * @licence MIT
   */
  
  var addCounter, all, links, _STYLE;
  
  _STYLE = "padding: 0 0.5em;\nmargin: 0 0.5em;\ncolor: #30566D;\ntext-shadow: 0 1px 0 white;\nbackground-color: #C0DEED;\nfont-weight: bold;\ntext-decoration-line: none;";
  
  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);
    counter.innerText = data.count;
  
    var ref = null;
    for (var i=0; i<links.length; i++) {
      var link = links.item(i);
      var url = data.url.replace(/\//g, '');
      if(link.href.replace(/\//g, '').indexOf(url) > -1){
        ref = link;
      }
    };
    if(!ref) debugger;
  
    point = document.createRange();
    point.selectNode(ref);
    point.collapse(false);
    point.insertNode(counter);
    return point.detach();
  }
  
  addCounter = function(a) {
    var script = document.createElement('SCRIPT');
    script.src = 'http://urls.api.twitter.com/1/urls/count.json?url=' + encodeURIComponent(a.href) + '&callback=callback';
    document.body.insertBefore(script, null);
  };
  
  links = document.querySelectorAll('a.l');
  
  for (all in links) {
    a = links[all];
    if (typeof a === 'object') addCounter(a);
  }
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。