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

Contents

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

About Web Monetization

• Webmonetization.org
• Documentation
• How Web Monetization work for paying payments
• How Web Monetization work for receiving payments
• Specifications
• ILP Forum
• Grant For The Web

• Interledger : Open protocol suite for sending payments across different ledgers
• Coil : Web monetized content in your browser while supporting sites you love in real time.

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.

More details here

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

If you are use already XRP Tipbot, check here to migrate on Uphold.

Payments
Name

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-monetized-video - experimenting with web monetisation API.
• 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.

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.

• 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

• Web Monetization Community Space
• @GrantForTheWeb on Twitter
• @Coil on Twitter
• @CinnamonVideo on Twitter
• Web Monetization tag on DEV

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 add a new small icon, the height must be 16px. Put in assets/small_icons/NAME.png. Format PNG only accepted.

Donate

Feel free to help me for the maintenance of this project !