Curated list of awesome lists

Awesome Web Monetization

Awesome stuffs about Web Monetization. Learn more, check modules and others tools.

Web Monetization is a web service that allows you to send money directly in your browser. This is a JavaScript browser API that allows the creation of a payment stream from the user agent to the website

About Web Monetization
How to start monetize my website
Resources
- Packages
- Tutorials
- Articles
- Newsletters
- Tools
- Community
Donate

About Web Monetization

Interledger : Open protocol suite for sending payments across different ledgers

How to start monetize my website

If you would like to monetize your content, you must have a Wallet and Provider account. See below the platforms that allow you to use them.

| Wallets | | | | | :---------: | :----------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | | Name | | | New Wallet ?Create a issue ! | | Fees | SEPA: 1.00 EUR < 50,000 EURWire: $15 min ($150 max) | $3 withdrawal fee | |

| Payments | | | ------------ | ------ | | Name | Empty. |

On your webpage, intregate your monetization tag on meta

<meta name="monetization" content="$ilp.example.com/123456789" />

and detect if monetization is possible, then work

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

Resources

Packages

Any packages/modules and plugins

svelte-monetization - A minimal and lightweight wrapper for the Web Monetization API.
monetize.js - An event-driven library to manage and simulate Web Monetization.
types-wm - TypeScript definitions for Web Monetization
ngx-monetization - Web Monetization API for Angular.
react-hook-wm - React hooks for integrating with Web Monetization.
react-monetize - Helpers and hooks to speed up your integration with Web Monetization API.
ep_monetization - Plugin for applying payment pointer meta tag to Etherpad site.
wp-connect-coil - Plugin for applying Coil payment pointer meta tag to WordPress site.
xrptipbot-wordpress-widget - Wordpress Widget based on XRPTIPBOT embed code to donate content creators.
eleventy-plugin-monetization - An Eleventy plugin to monetize posts and site content.
web-monetization-components - A collection of web components you can use on your web monetized websites.
revshare - A JS library for revenue sharing.
web-monetization-proxy - Simple Go proxy for injecting Web Monetization meta tags.
gridsome-plugin-monetization - Web monetization for Gridsome.
vuepress-plugin-web-monetization - Adds the web-monetization metatag to your VuePress website.
jekyll-web_monetization - A Jekyll plugin to add Web MonetizationAPI payment pointers to your site.
Monetization - A wrapper around the Web Monetization API to monetize apps.
react-webmonetization-meta - A Web Monetization meta tag manager for React.
web-monetization-electron-app - Project demonstrate basic setup to enable web monetization in Electron App.
web-monetized-video - A web component with has play and pay policy and charges you for the amount of video watched.
web-monetization-polyfill - Ensure the JavaScript Web Monetization API is available, even in environments with Content Security Policies enabled.
web-monetization-video-ads - Linking Web Monetization with video advertising to allow a freemium business model to be implemented for Web Monetization.
web-monetization-revenue-share - Automated redistribution of funds to a community via smart contracts.
awesome-jsgames - A curated list of awesome JavaScript Games
mediadisclosures - An open-source, always evolving, universal content rating system.
web-monetization-demo - This is a Web Monetization Demo
money-chat - Web Monetization chat app

Tutorials

Getting started - Official documents from webmonetization.org.
Exclusive content - Put exclusive content on your website.
Exclusive content in a Godot web game - Put exclusive content in a web game made with the Godot Game Engine.
'A Web Monetization Story' - An interactive, story-based Web Monetization tutorial for online creators.
Web Monetization like I'm 5 - Monetizing the web!

Articles

Monetizing Content in View - Paying for what you see.
Web Components - For the Web Monetization API (serie).

Newsletters

Newsletter of grantfortheweb.org - Sign up for email updates.

Tools

Is web monetized - A very simple tool for checking if Web Monetization is enabled.
```
npm install is-web-monetized -g
monetized example.com
```
You can also test your website with the dependency.
Paytrackr - Track and manage your micropayments into one place.

PayTrackr is the easiest and safest way to track and manage your micropayments to web monetized websites, having a web monetization provider membership.
Akita - A browser extension that gives you insight into your involvement with Web Monetization.

Akita presents your top visited monetized sites, how much time you're spending on them, and how much you're contributing (or could contribute) to them.
Open Monetization Wallet - Tools for managing your vanity Web Monetization wallet.
Open Monetization Wallet (OMW) makes it easier to accept payments with the Web Monetization API at scale. Some features:
- Custom wallet URLs: own your own "Payment Pointer", e.g. $wallet.signalnerve.com, instead of $pay.stronghold.co/abcdef123
- Change between wallets/providers with no downtime
- Logs of incoming payment requests
- Revenue sharing between multiple wallets, e.g. for multiple team members
- Infinitely scalable with serverless technology
- Free and open-source

Community

Contribute

Contributions welcome ! Read the contribution guidelines first. You can also contribute to share this repository and Web Monetization with your friends. 😄

If you want to add a new small icon, the height must be 16px. Put in assets/small_icons/NAME.png. Format PNG only accepted.

Powered by Netlify ✨

Netlify powering the website. Thanks to them! 💚

Donate

Feel free to help me for the maintenance of this project ! Thanks to all Sponsors on GitHub !