LoginSignup
10
11

More than 5 years have passed since last update.

QiitaにPocketボタンを付けてみた

Last updated at Posted at 2014-11-11

Qiitaに投稿された記事には右側に Twitter/はてブ/G+ のボタンが付いてるけど、Pocketに保存された数も知りたいなーと思ったので付けてみた。

自分は普段Chromeを使っててユーザスクリプトの管理には tampermonkey てのを使ってる。わざわざファイル作らずにStylishみたいに思いついた時にすぐにスクリプト追加が出来て便利。

で、実際にちゃちゃっと作ってみたユーザスクリプトは以下のとおり。とりあえず試すだけならブラウザの開発者ツールのConsoleに貼り付ければすぐに試せるはず。

// ==UserScript==
// @name         Add Pocket button on Qiita
// @namespace    https://twitter.com/kawaz
// @version      0.1
// @description  add Pocket button on Qiita
// @author       Yoshiaki Kawazu
// @match        http://qiita.com/*/items/*
// @grant        none
// ==/UserScript==
!function(){
    var btn=document.createElement("div");
    document.querySelector(".socialButtons").appendChild(btn);
    // http://getpocket.com/publisher/button
    btn.innerHTML='<a data-pocket-label="pocket" data-pocket-count="horizontal" class="pocket-btn" data-lang="en"></a>';
    !function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");
}();

付けてみた感想

Pocketはコメントとともに投稿されることの多いTwitterははてブと違って、自分用のメモとしての色が強いのでそれぞれの数字を見ると、

  • 「Twitter/はてブ」は話題になった度合い
  • 「Pocket」は記事を読んだ人が、これは役に立つ/後でまた読むって思ってもらえた度合い
  • 「G+」は流行ってないんだなってこと

がそれぞれ分かるので面白い。

例えば自分の書いた記事では、

と予想が付く。

10
11
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
11