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

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

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

@@ -5,9 +5,14 @@
  * @licence MIT
  */
 
-var addCounter, all, links, _STYLE;
+var _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;";
 
-_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;";
+var links = document.querySelectorAll('h3 a');
+
+for (i in links) {
+  var a = links[i];
+  if (typeof a.onmousedown === 'function') addCounter(a);
+}
 
 function callback(data, textStatus, jqXHR) {
   var counter, point;
@@ -27,18 +32,10 @@
 
   ref.parentNode.style.setProperty('overflow', 'visible');
   ref.appendChild(counter)
-  return;
 }
 
-addCounter = function(a) {
+function addCounter(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('h3 a');
-
-for (all in links) {
-  a = links[all];
-  if (typeof a.onmousedown === 'function') addCounter(a);
-}
+};

• /* 
   * @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: #30566D;\ntext-shadow: 0 1px 0 white;\nbackground-color: #C0DEED;\nfont-weight: bold;\ntext-decoration-line: none;";
  
  var links = document.querySelectorAll('h3 a');
  
  for (i in links) {
    var a = links[i];
    if (typeof a.onmousedown === 'function') 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);
    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;
      }
    };
  
    ref.parentNode.style.setProperty('overflow', 'visible');
    ref.appendChild(counter)
  }
  
  function addCounter(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);
  };

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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