無料で埋め込めるnpm downloads badgeをサイトに置く理由
The free npm downloads badge that doesn't refetch an SVG every page load. Shields.io's npm badge is fetched 3rd-party. npm-stat.com is a separate site visitors have to leave for. This npm downloads badge is a 4 KB script tag — pulls the live download count from api.npmjs.org, caches it server-side for 6 hours, and shows 'npm 3.2M downloads / week' as a crisp pill in 7 themes. Free, no API key, no signup, supports scoped packages (@scope/pkg).
WordPress・Shopify・Wix・Webflow・素の HTML 向けのNpm downloads badge
FeedPulse のnpm downloads badgeは非同期の <script> タグ 1 行だけ。HTML を貼れる場所に貼れば完了です。WordPress のウィジェット／HTML ブロック、Shopify テーマカスタマイザーのカスタム HTML、Wix の HTML 要素、Webflow の Embed コンポーネント、Squarespace のコードブロック、Ghost の HTML カード、Blogger の HTML/JavaScript ガジェット — HTML を貼り付けられるあらゆるプラットフォームで動作します。プラグイン不要、アプリストア不要、管理者権限も不要です。
npm downloads badgeを 60 秒でサイトに追加する方法
- Free npm downloads badge のカスタマイザーを開きます。
- 色・サイズ・必要なオプションを選びます。
- 生成されたスニペットの「コピー」をクリックします。
- HTML を入れる場所にその 1 行を貼り付けます — どのページでも、どのプラットフォームでも。
- 以上です。登録もアカウント作成もメールも不要です。
FeedPulse のnpm downloads badgeが永久に 100% 無料である理由
当社のウィジェットはすべて永久無料です。API コストは当社が負担します。成長モデルがウィジェットの配布そのものだからです。各ウィジェットに表示される小さな「via FeedPulse」の表記が、新しいサイト運営者を連れてきてくれます。あなたが設置する → 当社はインプレッションを得る。ビジネスモデルはそれだけです。ペイウォールも、プレミアムプランも、広告も、メール収集も、登録の壁もありません。
npm downloads widget — live count on any landing page
An npm downloads widget is the live, script-tag version of an npm badge. The trade-off: an SVG badge works inside markdown (READMEs, GitHub release notes, npm package descriptions); an npm downloads widget works only on web pages but renders richer presentation — last-day, last-week, and last-month counts in one pill, plus 7 themes. For your package's landing page, docs site, or open-source portfolio, the npm downloads widget is the better fit. Caches every count server-side for 6 hours, so spikes from a Hacker News hit don't burn your traffic budget.
How to embed npm stats on a website or README
To embed npm stats on a website (Webflow, Notion-published site, WordPress, Shopify, plain HTML), paste the FeedPulse script tag once and you're done — no build step, no API key, no plugin install. For a README inside GitHub or npmjs.com itself, you have to use a static SVG (markdown strips inline scripts), so use the equivalent Shields.io image URL there. The widget supports scoped packages (@scope/pkg), private packages with public download counts, and packages with hyphens or dots in their name — anything api.npmjs.org returns for is renderable.