Web Monetization made easy(no domain needed, instant approval) - make money with your side project

Posted on:February 23, 2024 at 11:00 AM

Web monetization is tedius, if not uneccesarly hard.

If it’s not gate keeping problems, google taking an insane cut!!,

I just began my monetization journey, and I encountered all these stressors and began to look for an alternatives

That fixes all these anoyances,

The solution must:

I found the solution, and it’s way beyond what I expected.

it’s a simple div element anywhere in your code, no questions asked, no domain needed

Yes the Ads, show up even on localhost!, which is impossible with Adsense-

An assumption of-course since I haven’t been approved, I know a domain is a must with adsense,

Let’s get into with a simple example

Table of contents

Open Table of contents

Web Monetization example

Copy the html below, it’s a simple example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Web monetization</title>

    <style>

    *, *::after, *::before{
        box-sizing: border-box;
    }

    body{
        margin: 0;
        padding: 0;
        height: 100vh;
/*        width: 100vw;*/
    }

    .main_container{
        display: grid;
        grid-template-columns: 90% 10%;
        gap: 5px;
        height: 100%;
        padding: .2em;
    }

    .content{
     overflow-y: auto;

    }

    p {
        color: black;
        letter-spacing: .01em;
    }

    .banner_ad{
        display: flex;
        padding: .5em;
        width: 100%;
        align-items: center;
        justify-content: center;
        overflow-x: auto;
    }
   </style>
</head>
<body>
    <main class="main_container">
      <div class="content">
        <section>
          <h1>Web Monetization Made Easy</h1>
         <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime mollitia quam veritatis quisquam nostrum dicta error aliquid, facilis perspiciatis. Ipsum!</p>

        <section>
         <span class="banner_ad">


        </span>
         <section>

           <h2>Make passive income with Ads</h2>

          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt minima praesentium assumenda
           amet sit corrupti soluta similique numquam dicta quam eveniet repellendus, hic veniam iusto atque explicabo quia corporis laborum quaerat delectus placeat ex voluptatum laudantium
           perspiciatis? Molestiae laudantium facere eveniet ab exercitationem totam omnis quod libero
            nulla pariatur aspernatur aperiam praesentium fugit, animi, earum error consectetur ipsa,
            voluptas optio deleniti architecto fugiat. Consectetur temporibus adipisci quaerat eius libero
             explicabo, ut nobis nemo tenetur enim reprehenderit culpa aperiam repellendus dolorum alias
             assumenda velit hic consequatur magni magnam ea soluta possimus! Harum, optio eligendi? Rem,
             est? Illo enim saepe fugit expedita.</p>

         <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro excepturi sequi omnis earum,
          molestias eius voluptatibus aut deserunt cupiditate. Alias, dolor delectus fuga officia unde
          laboriosam omnis, beatae sit veniam harum eius, nam officiis veritatis! Totam, vitae rem velit
           qui repellat assumenda laboriosam quisquam natus, facilis atque hic quia fuga.
           </p>

        <section>
        <section>

           <h3>Literally a single tag</h3>

         <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat molestias, placeat similique
          excepturi quos laboriosam inventore distinctio atque nam provident, eveniet, alias maiores
          incidunt repellendus possimus velit non ad expedita.
          </p>

        <section>
        <span class="banner_ad">


        </span>

      </div>


      <div class="vertical_adspace">

      </div>
    </main>
</body>
</html>

Monetization time, this article will not cover ad optimization, maybe in the future.

For now meet yX Media, monetization made easy

Click the link above, scroll down to the bottom and enter your details

You should be approved immediatley, check your email and click necessary links

When you are done and logged in, navigate to Ads tag tab on yllix

Adding Ads example

These are my prefered options you can explore what’s suitable for you later(e.g banner ad tag): banner ad example

click get ad tag

copy and paste your generated tags in both spans of your html:

<span class="banner_ad"> <-- paste your tag here --> </span>

If you load your app in the browser banner ads shoud be showing,

Let’s add one vertical ad:

change the ad format to 120x600 or *160x600

<div class="vertical_adspace"><-- paste your tag here --></div>

Please note, at first ads will ‘no context’ ads, and will take time to callibrate(3-5 days) to your content and audience.

We are monetized, all you need is traffic and start making money

Looking for more content?, here are my favourite so far:

Conclusion

Web monetization should be accessable as the web is, in this article we covered exatly that accessable web monetization with yX Media, which make it easy to add ads to a project, instant approval, no need for a domain and daily payments.