Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Web Monetization for Content Creators
Michymile
Michymile

Posted on • Edited on • Originally published atmichy.hashnode.dev

     

Web Monetization for Content Creators

monetization (1).png

Web Monetization, a new way for content creators to generate revenue from their Content.
I will begin with the quote below:

If You Don't Find A Way To Make Money While You Sleep, You Will Work Until You Die.

-Warren Buffet

Are you tired of seeing Ads when you visit your favorite pages? Do you want a strong privacy protection on the web? Do you want to earn money from your content?

Thanks to web monetization.

What is Web Monetization?

Web monetization is an open technology that allows websites to request micropayment from a user. The user must be on Coil subscription.Coil is the only available subscription for now. Web monetization is very easy to implement. You can monetize your blog pages, YouTube channels, and websites by simply adding a meta tag containing your payment pointer to the head section in your HTML document.

What is Coil Subscription?

Coil charges it users $5 monthly to give access to all monetized content, privacy protection, Ads-free and exclusive content. When Coil subscribers visit a monetized page, the browser streams micropayment to the creators page. This way, both the visitors and the content creators get benefits.
In other for the payment to count, you must useCoil Browser Extension to access those pages.
These are the coil browser extensions for Desktop:Mozilla Firefox,Microsoft Edge,Brave Browser,
Google Chrome
andPuma Browser extension for Mobile.

coil-pic4.PNG

What is a Payment Pointer?

A payment pointer is a unique URL assigned to your payment account by a web monetization receiver. The unique address is what you will be adding to the websites you want to monetize.
How to get a payment pointer?
You need to signup with a wallet that support an interledger payment protocol, the protocol used for payments across different payment networks.Uphold andGatehub are the available ones for now.

interledger-pic.PNG

How to get your Interledger Payment Pointer

I will show you how to get your interledger payment pointer from uphold.
First, go toUphold sign up and verify your account. Log in and go to yourDashboard . Click onTransact on the far right.

Inkeduphold-pic2_LI.jpg

SelectFrom. Scroll down toOther Networks then click onInterledger

Inkeduphold-pic3_LI.jpg

There you have your interledger payment pointer. Copy the URL which will be added to your web page in the next step.

Inkeduphold-pic4_LI.jpg

How to Monetize your Blog Page

Now, I will show you how to monetize your blog page. In this example, I will useDev.to, a blog platform for content writers. You can use other blog platforms of your choice.

Kindly note, not all websites support web monetization. To find out if your preferred site uses web monetization, simply hold downshift and pressctrlj on your keyboard, for windows PC. Andctrlj on a Mac, or right click anywhere on the webpage, and at the very bottom of the menu that pops up, select "Inspect" to view the HTML document. At the head section, if you can find monetization meta tag as shown here

<meta name ="monetization" content="$wallet.uphold.com/cggter">

that means the site is monetized.

Back to the main business. After creating and verifying your account onDev.to Go to theSettings menu, click onExtensions then scroll down toWeb monetization section. Add your interledger payment pointer and save.

Inkeddevto-pic2_LI.jpg

That's all, yourDev.to page has been monetized.

Now, onto the next one

How to get Coil Subscription

Create an account onCoil. At the top right corner of your dashboard you will see"Go to Settings". Click on it and chooseMembership, add a payment method and subscribe for $5 monthly. Use a promo code if you have one.

Inkedcoil-pic6_LI.jpg

How to Monetize your YouTube Channel

On the Coil page, click"Go to Settings", selectMonetize content from the menu. You will see a plus(+) button for adding all the channels you wish to monetize, including your YouTube channel.

Inkedcoil-pic5_LI.jpg

How to Monetize your Personal Website

Add meta tag in the head section of the HTML document. Thename attribute must have the value of 'monetization' and the value of thecontent attribute should be your interledger payment pointer, through which the website will accept payment.

<!doctype html>
<html>
<head>
<title>Web Monetized Site</title>
<meta
name="monetization"
content="$wallet.uphold.com/eg4n">
</head>
</html>

The pages must be served over https, or
http://localhost for testing.

Feel free to drop your comments and suggestions. Or reach out to me onTwitter

gif-thanks-pic.gif

More Resources:

Webmonetization

Interledger

https://github.com/WICG/webmonetization

https://community.webmonetization.org/uchibeke/a-program-to-get-more-people-into-web-monetization-54j6

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Frontend dev. #newbie
  • Joined

More fromMichymile

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp