Google検索の結果にFacebookのシェア数を表示するブックマークレット

by laiso 2020-03-22 [2020/03/22 17:55:18]

同上

@@ -8,27 +8,28 @@
 "use strict"
 
 function queryIds(nodes, text) {
-  const n = nodes.pop();
-  const url = n.href.replace(/,/g, '%252C');
+  var n = nodes.pop();
+  var url = n.href.replace(/,/g, '%252C');
   if (nodes.length == 0) {
-    const t = text + url;
-    const q = t.replace(/&/g, '%26').replace(/=/g, '%3D').replace(/\?/g, '%3F');
+    var t = text + url;
+    var q = t.replace(/#/g, '%23').replace(/&/g, '%26').replace(/=/g, '%3D').replace(/\?/g, '%3F');
     return q;
   }
 
-  const t = text + url + ',';
+  var t = text + url + ',';
   return queryIds(nodes, t);
 }
 
 function loadJSONP(url) {
-  const script = document.createElement('SCRIPT');
+  var script = document.createElement('SCRIPT');
   script.src = url;
+  debugger
   document.body.insertBefore(script, null);
 }
 
 function counter(info) {
-  const 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;";
-  const counter = document.createElement('A');
+  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 counter = document.createElement('A');
   counter.setAttribute('style', STYLE);
   if (info) {
     counter.href = info.id;
@@ -41,6 +42,12 @@
   return counter;
 }
 
+function infoFrom(response, key){
+  return Array.from(response).filter( (item) => {
+    return key.indexOf(item.id) > 0;
+  });
+}
+
 window.callback = function(data){
   if (data.error) {
     alert('[FB]'+data.error.message);
@@ -54,17 +61,17 @@
     } catch (e){
       u = a.href;
     }
-    const url = u.replace(/,/g, '\u00252C');
-    const info = data[url]; 
-    const c = counter(info);
-    const parentNode = a.parentNode;
+    var url = u.replace(/,/g, '\u00252C');
+    var info = infoFrom(data, url); 
+    var c = counter(info);
+    var parentNode = a.parentNode;
     parentNode.style.setProperty('overflow', 'visible');
     parentNode.appendChild(c);
   });
 };
 
-const nodes = Array.from(document.querySelectorAll('h3.r > a[onmousedown]'));
-const ids = queryIds(nodes.slice(), "");
+var nodes = Array.from(document.querySelectorAll('h3.r > a[onmousedown]'));
+var ids = queryIds(nodes.slice(), "");
 loadJSONP('https://graph.facebook.com/?ids='+ids+'&callback=callback');
 
-})(document);
+})(document);

• /*
   * @title Google検索の結果にFacebookのシェア数を表示するブックマークレット
   * @description 同上
   * @include https://www.google.*
   * @license MIT License
   */
  (function(document){
  "use strict"
  
  function queryIds(nodes, text) {
    var n = nodes.pop();
    var url = n.href.replace(/,/g, '%252C');
    if (nodes.length == 0) {
      var t = text + url;
      var q = t.replace(/#/g, '%23').replace(/&/g, '%26').replace(/=/g, '%3D').replace(/\?/g, '%3F');
      return q;
    }
  
    var t = text + url + ',';
    return queryIds(nodes, t);
  }
  
  function loadJSONP(url) {
    var script = document.createElement('SCRIPT');
    script.src = url;
    debugger
    document.body.insertBefore(script, null);
  }
  
  function counter(info) {
    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 counter = document.createElement('A');
    counter.setAttribute('style', STYLE);
    if (info) {
      counter.href = info.id;
      counter.innerText = info.shares || 0;
    } else {
      counter.style.setProperty('background-color', '#FF1000');
      counter.innerText = 'X';
    }
    
    return counter;
  }
  
  function infoFrom(response, key){
    return Array.from(response).filter( (item) => {
      return key.indexOf(item.id) > 0;
    });
  }
  
  window.callback = function(data){
    if (data.error) {
      alert('[FB]'+data.error.message);
      return;
    }
  
    nodes.map((a) => {
      let u; 
      try {
        u = decodeURIComponent(a.href); 
      } catch (e){
        u = a.href;
      }
      var url = u.replace(/,/g, '\u00252C');
      var info = infoFrom(data, url); 
      var c = counter(info);
      var parentNode = a.parentNode;
      parentNode.style.setProperty('overflow', 'visible');
      parentNode.appendChild(c);
    });
  };
  
  var nodes = Array.from(document.querySelectorAll('h3.r > a[onmousedown]'));
  var ids = queryIds(nodes.slice(), "");
  loadJSONP('https://graph.facebook.com/?ids='+ids+'&callback=callback');
  
  })(document);
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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