How to Earn Money from GitHub

How to Earn Money from GitHub Pages Using Ads with a Custom Domain: A Detailed Guide 

In this article, we’ll explain how you can earn money from GitHub Pages by adding ads with a custom domain. We’ll go through the detailed steps of setting up your site, adding ads, and how to make money from it. Whether you're running a personal blog, a portfolio, or a tutorial site, this method can help you monetize your content.

What is GitHub Pages?

GitHub Pages is a service provided by GitHub that allows you to publish websites directly from repositories on GitHub. This service is free and provides hosting for static websites, including those made with HTML, CSS, and JavaScript.

Although GitHub Pages is free, it offers the unique opportunity to monetize through ads, which we will explore in this guide.

Monetizing with GitHub Pages:

You can earn money by adding ads to your website. However, you’ll need to use advertising networks like Google AdSense or other ad providers that support static HTML sites.

Here’s how to start monetizing with ads on GitHub Pages.

Step 1: Create a Website Using GitHub Pages 

1.1: Create a GitHub Account

First, make sure you have a GitHub account. If you don’t, visit GitHub and sign up.

1.2: Create a New Repository

Once logged in, create a new repository called [username].github.io (where [username] is your GitHub username).

• Click the New button in the repositories section.
• Set the repository name to be the same as your GitHub username (e.g., myusername.github.io).
• Choose the Public option and click Create repository.

1.3: Add Website Files

Create your HTML, CSS, and JavaScript files for your homepage and any other pages you want to add.

1.4: Publish Your Site

After uploading the files, go to the Settings section of your repository and enable GitHub Pages. Choose the main or master branch as the source for the site.

Step 2: Using a Custom Domain

2.1: Purchase a Custom Domain

To give your site a professional appearance and increase its credibility, you can buy a custom domain from providers like GoDaddy or Namecheap. You can purchase a domain with any name you prefer (e.g., www.mysite.com).

2.2: Link Your Custom Domain to GitHub Pages

To link the custom domain to your GitHub Pages site:

1. Go to your domain provider’s DNS settings.
2. Add a new CNAME record that points to yourusername.github.io (where yourusername is your GitHub username).
3. In your GitHub repository, create a CNAME file in the root directory and add your custom domain (e.g., www.mysite.com).
4. After saving the file, upload it to your repository and confirm the domain connection.

Step 3: Adding Ads to Your Website

Now that you’ve created your site and linked it to your custom domain, you can start adding ads to generate revenue.

3.1: Using Google AdSense

Google AdSense is one of the most popular ways to earn money from websites by displaying ads. To add AdSense to your GitHub Pages site:

1. Go to Google AdSense and create an account if you don’t have one.
2. Once your account is approved, you’ll get an ad code (JavaScript) that you can place on your HTML pages.
3. Copy the ad code and paste it into the HTML files where you want the ads to appear (e.g., at the top of the page or at the bottom of posts).
4. Update your HTML files and upload them to GitHub.

3.2: Adding the Ad Code to Your Pages

Let’s assume you have an index.html page. To add an ad, you can insert the ad code inside a <div> element like this:

html:

______________________

<div class="adsense">

  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-xxxxxxxxxx"
       data-ad-slot="1234567890"
       data-ad-format="auto"></ins>
  <script>
       (adsbygoogle = window.adsbygoogle || []).push({});
  </script>
</div>

______________________

Note: Be sure to replace data-ad-client and data-ad-slot with the values provided by your AdSense account.

3.3: Choosing the Right Ad Placement

It’s important to place ads in the right locations on your website, such as:

• At the top of the page (Header).
• Below articles.
• In the sidebar.

Make sure the ads are not intrusive and don’t negatively impact the user experience.

Step 4: Optimizing the Site for More Revenue

4.1: Search Engine Optimization (SEO)

To earn more money from ads, your site needs traffic. Search Engine Optimization (SEO) helps your site rank higher in search results.

• Use keywords in your articles and titles.
• Make sure your site is fast to load.
• Create high-quality, engaging content that attracts visitors.

4.2: Continuous Content Updates

The more articles you publish, the more visitors you’ll attract, which will increase ad revenue. Keep adding fresh and engaging content regularly to keep visitors coming back.

Step 5: Monitoring Earnings and Analyzing Results

Once the ads start appearing on your site, you can track your earnings through your Google AdSense account. AdSense provides detailed reports on ad performance, clicks, and revenue.

• Regularly check your performance to see what works best.
• Adjust ad placement if necessary to maximize earnings.

Conclusion

You can now monetize your GitHub Pages website by adding ads like Google AdSense with a custom domain. By following these steps, you can publish your personal site or blog and start earning money through ads. Just keep your site updated and optimize it for SEO to attract more visitors and increase ad revenue.

If you have any questions or need help with any of the steps, feel free to ask!