Awesome Web Monetization

Web Monetizationを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

Web Monetizationについて

Interledger: 異なる台帳間で支払いを送るオープンプロトコルスイート

Webサイトの収益化を始める方法

コンテンツを収益化するには、WalletとProviderアカウントが必要です。以下のプラットフォームで利用できます。

WalletとProviderアカウントの詳細

Wallets
Name		新しいWallet？ issueを作成してください！
Fees	SEPA: 1.00 EUR < 50,000 EUR Wire: $15 min ($150 max)

Payments
Name	Empty.

Webページでは、meta内にmonetizationタグを統合します。

<link rel="monetization" href="https://ilp.example.com/alice">

そしてmonetizationが利用可能か検出して処理します。

if (document.monetization) {
  document.monetization.addEventListener("monetizationstart", () => {
    console.log(
      "🎉 Awesome ! You use Web Monetization.\nMore information https://webmonetization.org",
    );
  });
}

リソース

パッケージ

パッケージ／モジュールとプラグイン

monetize.js - Web Monetizationを管理・シミュレートするイベント駆動ライブラリ。
types-wm - Web MonetizationのTypeScript定義。
ngx-monetization（アーカイブ済み） - Angular向けWeb Monetization API。
react-hook-wm - Web Monetizationと統合するReact hooks。
react-monetize - Web Monetization APIとの統合を高速化するヘルパーとhooks。
ep_monetization - Etherpadサイトへ支払いポインターmetaタグを適用するプラグイン。
wp-connect-coil - WordPressサイトへCoil支払いポインターmetaタグを適用するプラグイン。
xrptipbot-wordpress-widget - コンテンツ制作者へ寄付するXRPTIPBOT埋め込みコードに基づくWordPressウィジェット。
eleventy-plugin-monetization - 投稿・サイトコンテンツを収益化するEleventyプラグイン。
web-monetization-components - Web収益化サイトで使えるWebコンポーネント集。
revshare - 収益分配用JSライブラリ。
web-monetization-proxy - Web Monetization metaタグを挿入するシンプルなGoプロキシ。
gridsome-plugin-monetization - Gridsome向けWeb Monetization。
vuepress-plugin-web-monetization - VuePressサイトへweb-monetizationメタタグを追加。
jekyll-web_monetization - サイトへWeb Monetization APIの支払いポインターを追加するJekyllプラグイン。
Monetization - アプリを収益化するWeb Monetization APIラッパー。
react-webmonetization-meta - React向けWeb Monetization metaタグマネージャー。
web-monetization-electron-app - ElectronアプリでWeb Monetizationを有効化する基本セットアップを示すプロジェクト。
web-monetized-video - 視聴した動画量を課金する、再生・支払いポリシーを持つWebコンポーネント。
web-monetization-polyfill - Content Security Policies有効環境でもJavaScript Web Monetization APIを利用可能にする。
web-monetization-video-ads - Web Monetizationと動画広告をつなぎ、フリーミアムビジネスモデルを実装可能にする。
web-monetization-revenue-share - スマートコントラクトを介しコミュニティへ資金を自動再分配。
awesome-jsgames - 優れたJavaScriptゲームを厳選した一覧。
mediadisclosures - オープンソースで継続進化する、汎用コンテンツ評価システム。
web-monetization-demo - Web Monetizationのデモ。
money-chat - Web Monetizationチャットアプリ。

チュートリアル

始める - webmonetization.orgの公式ドキュメント。
限定コンテンツ - Webサイトへ限定コンテンツを置く。
‘A Web Monetization Story’ - オンライン制作者向けの、対話的でストーリーベースのWeb Monetizationチュートリアル。
Web Monetization like I’m 5 - Webを収益化！

記事

Monetizing Content in View - 見るものに支払う。
Web Components - Web Monetization API向け（シリーズ）。

ニュースレター

grantfortheweb.orgのニュースレター - メール更新を購読。

ツール

Probabilistic Revshare Generator - Web Monetization - 確率的収益分配（revshare）は、Web収益化ページの収益の一部を複数の支払いポインターで分ける方法の一つです。

このツールで支払いポインターと重みの一覧を定義してください。次に、生成されたmonetizationリンク要素をサイトへ追加します。リンクには、https://webmonetization.org/api/revshare/pay/ でホストされる一意のURLが含まれます。ホストURLを使いたくない場合は、サイトにスクリプトを追加してrevshareを設定できます。
Is web monetized - Web Monetizationが有効か確認する非常にシンプルなツール。
```
npm install is-web-monetized -g
monetized example.com
```
依存関係を使ってWebサイトをテストすることもできます。
Paytrackr - （wobsoriano/paytrackrからフォーク） - マイクロペイメントを一か所で追跡・管理。

PayTrackrは、Web Monetizationプロバイダーの会員資格を持つユーザーが、Web収益化サイトへのマイクロペイメントを追跡・管理する最も簡単で安全な方法です。
Akita - Web Monetizationとの関わりを可視化するブラウザー拡張。

Akitaは、最も多く訪れた収益化サイト、そこに費やす時間、貢献している（または可能な）額を表示します。
Open Monetization Wallet - バニティWeb Monetizationウォレットを管理するツール。
Open Monetization Wallet（OMW）は、大規模にWeb Monetization APIで支払いを受け取りやすくします。主な機能:
- カスタムウォレットURL: $pay.stronghold.co/abcdef123の代わりに、$wallet.signalnerve.comのような独自の「Payment Pointer」を所有
- ダウンタイムなしにウォレット／プロバイダーを変更
- 受信支払いリクエストのログ
- 複数ウォレット間での収益分配（例: 複数チームメンバー）
- サーバーレステクノロジーにより無限に拡張可能
- 無料かつオープンソース

コミュニティ

貢献

貢献を歓迎します！まず貢献ガイドラインを読んでください。友人とこのリポジトリ・Web Monetizationを共有して貢献することもできます。😄

新しい小アイコンを追加する場合、高さは16pxである必要があります。assets/small_icons/NAME.pngへ置いてください。PNG形式のみ受け付けます。

Powered by Netlify ✨

NetlifyがWebサイトを支えています。感謝します！💚

寄付

このプロジェクトの保守のため、気軽に私を支援してください！すべてのGitHub Sponsorsのスポンサーに感謝します！

GitHub Sponsors