ElianCodes

← Back to blog

Published on 03/29/2021 13:20 by Elian Van Cutsem

Monetize your content with Coil

Ads are annoying and I would never place advertisements on my own website or blog. Coil adds a new way to get paid for every second someone spends on your content.

Last week I published my backlog of blog posts over on Dev.to. Since then I got over 800 views and reads on my posts, which is awesome! While scrolling through some settings and extensions I came across an extension called Coil, which would micro-monetize my content. Doesn’t hurt to try I thought to myself…

What is Coil

Coil offers a subscription of $5 per month, Coil will then spend that $5 over the sites you visit that support web monetization. You can add support for web monetization on your own websites or blog by just adding the support header in the meta tags on your website (which I’ll demonstrate below).

Get paid by Coil

Coil will payout a little bit roughly every second spent on you monetized content. Great, but how do I add support to my website? You can read the full docs on it here, but it isn’t really that hard. To get your pointer is easy, but to explain that here would take too long. Read the guide on that here

It comes down to getting your payment pointer and adding it to your site like the following:

<html>
  <head>
    <meta name="monetization" content="$ilp.uphold.com/gH9RGFW9ijRA" />
  </head>
</html>

Of course, it’s also not that hard to add it in something like Nuxt where you don’t have access to a static HTML file:

// nuxt.config.js
 head: {
    title: 'Elian Van Cutsem',
    htmlAttrs: {
      //
    },
    meta: [
      { charset: 'utf-8' },
      { name: "monetization", content: "$ilp.uphold.com/gH9RGFW9ijRA" },
      { hid: 'description', name: 'description', content: 'Elian Van Cutsem' },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }],
  },

Easy money, right!

Oh yes, you shouldn’t be scared to keep the pointer secret. It will show up in the browser anyway and will always point to your wallet, so don’t worry that someone will steal your pointer.

Written by Elian Van Cutsem

← Back to blog
  • Becoming an Astro maintainer

    Becoming an Astro maintainer

    Since a week, I'm an Astro maintainer, in this post, I describe the process and my start in open source. I also give some insight in what I'm planning to work on.

  • 🍱 Brutal: A theme for Astro

    🍱 Brutal: A theme for Astro

    Brutal is a minimal neobrutalist theme for Astro. It's based on Neobrutalist Web Design, a movement that aims to create websites with a minimalistic and functional design. It has some integrations like Image Optimization, RSS, Sitemap, ready to get your SEO done right.

  • 🎤 Am I an international public speaker now?

    🎤 Am I an international public speaker now?

    A few weeks ago, I gave my first international keynote talk at JSWorld in Amsterdam. In this blogpost, I wanted to share some insights about the conference and my talk.

  • ✨ Building Blog tag index pages in Astro

    ✨ Building Blog tag index pages in Astro

    I wanted to add blog tag collection pages to my website. This way, people could filter on tags I used in my blog posts. Here is a guide on how I implemented it.

  • 🎉 I started from scratch (again)

    🎉 I started from scratch (again)

    I started rebuilding my personal website from scratch in Astro again, no dependencies, no frameworks, no nothing. This to decrease technical debt and make full use of the newer Astro features.

  • 💄 Implementing UnoCSS in Astro

    💄 Implementing UnoCSS in Astro

    UnoCSS is an atomic-CSS engine, designed with flexibility and performance in mind, I wanted to give it a try. Let's take a look at implementing it in Astro and see how it works.