{"id":25759714,"url":"https://github.com/maechabin/cb-sharecount-js","last_synced_at":"2026-04-20T09:33:19.196Z","repository":{"id":24199982,"uuid":"27591327","full_name":"maechabin/cb-sharecount-js","owner":"maechabin","description":"複数のSNSシェア数を非同期で取得表示するJavaScriptプラグイン（キャッシュ機能付き）","archived":false,"fork":false,"pushed_at":"2016-12-07T17:18:10.000Z","size":599,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-21T02:48:31.227Z","etag":null,"topics":["jquery","jquery-plugin","npm","social-buttons"],"latest_commit_sha":null,"homepage":"http://mae.chab.in/archives/2915","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/maechabin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-12-05T12:50:39.000Z","updated_at":"2018-08-06T13:43:13.000Z","dependencies_parsed_at":"2022-08-22T05:00:37.218Z","dependency_job_id":null,"html_url":"https://github.com/maechabin/cb-sharecount-js","commit_stats":null,"previous_names":["maechabin/jquery.cb-share-count.js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/maechabin/cb-sharecount-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maechabin%2Fcb-sharecount-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maechabin%2Fcb-sharecount-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maechabin%2Fcb-sharecount-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maechabin%2Fcb-sharecount-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maechabin","download_url":"https://codeload.github.com/maechabin/cb-sharecount-js/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maechabin%2Fcb-sharecount-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32041444,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T00:18:06.643Z","status":"online","status_checked_at":"2026-04-20T02:00:06.527Z","response_time":94,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jquery","jquery-plugin","npm","social-buttons"],"created_at":"2025-02-26T17:38:04.762Z","updated_at":"2026-04-20T09:33:19.167Z","avatar_url":"https://github.com/maechabin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# cb-sharecount-js\n\n## About\n\n任意のURL（複数可）のSNS上でのシェア数を非同期で取得して表示するためのjQueryプラグイン。キャッシュ機能付き。\n\n## Feature\n- 実装が簡単。プラグインを実行させたいjQueryオブジェクトに指定したセレクター要素のtitle属性に[シェア数を取得したいURL]を設定するだけ。**JavaScriptの実装はたったの1行**。\n- 同一ページ内で複数のURLの値の取得ができるので、ブログ記事の一覧などでの使用に最適。\n- 非同期かつ並列処理で値を取得するので、ページの表示にもやさしい。\n- 値だけを取得するので、レイアウトもデザインも自由に行える。\n- localStorageを使ったcache機能付き（デフォルト有効期限: 1日）。同一ドメイン内であれば複数のページで共有可能。\n- はてなブックマーク登録数、Facebookいいね数、Twitterツイート数、Pocketシェア数の4サービスに対応。表示するSNSを選択可能。\n\n```\nTwitterのツイート数を取得するには、事前に以下のサービスに登録しておく必要があります。\n\ncount.jsoon\nhttps://jsoon.digitiminimi.com/\n```\n\n## Demo\n\n[http://maechabin.github.io/cb-sharecount-js/](http://maechabin.github.io/cb-sharecount-js/)\n\n私のブログにも実装済みです。  \n[http://mae.chab.in](http://mae.chab.in/)\n\n\n## Usage\n\n### ファイルの読み込み\njQueryとjquery.cbsharecount.jsをページに読み込みます。\n```html\n\u003cscript src=\"//code.jquery.com/jquery-1.11.0.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"jquery.cbsharecount.min.js\"\u003e\u003c/script\u003e\n```\n\n### JavaScriptの実装\nJavaScriptの実装は以下の1行のみ！（複数のURLの値を取得する場合でも）\n```javascript\n\u003cscript\u003e\n$(document).ready(function () {\n  $(セレクター).cbShareCount();\n});\n\u003c/script\u003e\n```\n\nオプションを使って、cacheする時間を指定する場合（msで設定）\n```javascript\n\u003cscript\u003e\n$(document).ready(function () {\n  $(セレクター).cbShareCount({\n    // 1時間（3600000ms）に設定\n    cacheTime: 3600000\n  });\n});\n\u003c/script\u003e\n```\n\n表示するSNSサービスをFacebookいいね数とはてなブックマーク登録数に限定する場合\n```javascript\n\u003cscript\u003e\n$(document).ready(function () {\n  $(セレクター).cbShareCount({\n    assign: ['fb', 'hb']\n  });\n});\n\u003c/script\u003e\n```\n\nキャッシュ機能を使用しない場合\n```javascript\n\u003cscript\u003e\n$(document).ready(function () {\n  $(セレクター).cbShareCount({\n    cache: false\n  });\n});\n\u003c/script\u003e\n```\n\n\n### HTMLの実装\nHTMLの実装は以下のルールさえ押さえておけば、あとは自由です。\n\n#### URLの取得部分\n[ルール1]\njQueryオブジェクトに指定したセレクター要素の`title属性`に`[シェア数を取得したいURL]`を設定\n\n```html\n\u003cdiv class=\"[セレクター]\" title=\"[シェア数を取得したいページのURL]\"\u003e\n  [取得した値を表示させる箇所]\n\u003c/div\u003e\n```\n\n#### 値の表示部分\n[ルール2]  \njQueryオブジェクトに指定したセレクター要素の子要素にそれぞれ以下の`[クラス属性]`を指定\n- **class=\"cb-hb\"**　→　はてなブックマークの登録数表示用\n- **class=\"cb-fb\"**　→　Facebookのいいね数表示用\n- **class=\"cb-tw\"**　→　Twitterのツイート数表示用\n- **class=\"cb-pk\"**　→　Pocketのシェア数表示用\n\n[ルール3]  \n値は上記のclass属性をつけた要素の子要素の`[span要素]`に表示される。\n```html\n\u003cdiv class=\"[セレクター]\" title=\"[シェア数を取得したいページのURL]\"\u003e\n\t\u003c!--子要素--\u003e\n\t\u003cp class=\"cb-hb\"\u003e\u003cspan\u003e[ここに取得した値が表示される]\u003c/span\u003e\u003c/p\u003e\n\u003c/div\u003e\n```\n\n## Example\n\n### ulとliを使った実装例\n```html\n\u003cul class=\"[セレクター]\" title=\"[シェア数を取得したいページのURL]\"\u003e\n    \u003cli class=\"cb-hb\"\u003eはてブ数\u003cspan\u003e\u003c/span\u003e\u003c/li\u003e\n    \u003cli class=\"cb-fb\"\u003eいいね\u003cspan\u003e\u003c/span\u003e\u003c/li\u003e\n\u003c/ul\u003e\n```\n\n### divとpを使った実装例\n```html\n\u003cdiv class=\"[セレクター]\" title=\"[シェア数を取得したいページのURL]\"\u003e\n    \u003cp class=\"cb-fb\"\u003eFacebook\u003ca href=\"#\"\u003e\u003cspan\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\n    \u003cp class=\"cb-hb\"\u003eHatena\u003ca href=\"#\"\u003e\u003cspan\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n```\n\n### 複数のURLの値を取得する際の実装例（繰り返処理しても可）\n```html\n\u003cdiv class=\"[セレクター（同じもの）]\" title=\"[シェア数を取得したいページのURL1]\"\u003e\n    \u003cp class=\"cb-fb\"\u003eFacebook\u003ca href=\"#\"\u003e\u003cspan\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\n    \u003cp class=\"cb-hb\"\u003eHatena\u003ca href=\"#\"\u003e\u003cspan\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"[セレクター（同じもの）]\" title=\"[シェア数を取得したいページのURL2]\"\u003e\n    \u003cp class=\"cb-fb\"\u003eFacebook\u003ca href=\"#\"\u003e\u003cspan\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\n    \u003cp class=\"cb-hb\"\u003eHatena\u003ca href=\"#\"\u003e\u003cspan\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n```\n\n## Options\n\n**cache {Boolean}**\nキャッシュ機能を使用するか(true)、使用しないか（false）指定します。デフォルト値は`false`。\n\n**cacheTime {Number}**\nキャッシュ機能を使用する場合のキャッシュの有効期間を指定します。ms（ミリ秒）の数値を指定します。デフォルト値は1日で`86400000`。\n\n**assign {Array}**\nシュア数を取得するSNSサービスを指定します。次のようにサービスの略語を配列に指定します。`Facebook =\u003e 'fb'`、`Twitter =\u003e 'tw'`、`はてなブックマーク =\u003e 'hb'`、`Pocket =\u003e 'pk'`。デフォルト値は、すべてのサービスのシェア数を表示するようになっており`['fb', 'hb', 'tw', 'pk']`。\n\n## License\n\nMIT license\n\n## Update\n\n2016-11-22 v2.1.0\n- Pocketシェア数取得の不具合を修正\n- IE10での表示に対応\n- コードの改善\n\n2016-08-25 v2.0.3\n- FacebookのAPIの仕様変更に対応\n\n2016-07-07 v2.0.0\n- Twitterツイート数（別途count.jsoonを使用）、Pocketシェア数に対応\n- キャッシュ機能改善\n\n2016-07-01 v1.1.0\n- キャッシュ機能の追加（デフォルト: 1日保存）\n\n2015-11-21 v1.0.3\n- TwitterのAPIの仕様変更により、Twitterのツイート数表示機能を停止\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaechabin%2Fcb-sharecount-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaechabin%2Fcb-sharecount-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaechabin%2Fcb-sharecount-js/lists"}