How to add commercials to your page via Google AdSense

If you have your own homepage you probably want to monetize it so that you at least cover your own costs. This can be done easily via Google AdSense and requires little technical knowledge.

Earnings and expectations

Before we start we maybe should set the expectations straight in terms of earnings. Without a ton of traffic on your page, you will not make much money. You can predict your revenue via Google’s revenue calculator (here) to estimate potential earnings depending on your region, page category, and amount of visitors.

To give you a feeling, according to Google you can make around 3900 € per year if your page has around 50.000 visitors a month and is located in the region Europe for the Computer/Tech category. Depending on your region and category this might vary.

If you break this down per user it would translate in 0.0065 € per User per Month (careful the calculation is not 100 % accurate as the algorithm and prices change constantly, I simply divided by the visitors and by 12 to get to the monthly values). So let’s say you have roughly 1000 visitors per month then you would earn around 6,50 € (depending on the user behavior and so on).

Anyway.. not much is better than nothing and since it is easy to set up it is suitable for a lot of pages especially for small businesses or hobbyists. Should you have a lot of traffic then there might be better more profitable solutions for you. For now, I will not cover those.

How to set up Google AdSense?

First, you need a homepage that you own and can modify. This is a hard pre-requisite as you will need to add some code snippets on your page. ( Don’t worry you do not actually need to know how to code, you just need to copy and place it in the right places.)

Secondly, create an AdSense account. This is quite easy and well guided. Just head over to the page or click here.

Once you start the signup process you will have to enter your email address and the homepage you would like to register. Once you entered this you will be asked to add a JavaScript Code Snippet to your page. Google shows you an explanation of where to place it. (It has to go into the

of your page).

Depending on your hosting or solution you use you can do this by either directly editing your HTML page (for example your index.html) or by using various plugin or methods provided by the hoster. Further down below I will explain how to add it to two of the most common platforms.

Add display options

Once you have an account and verified your ownership of the page you can now decide how to display ads on your homepage. You can display ads either by site or via so-called ad units.

The easiest option is to select an automatic placement per site. The script you copied earlier allows google to place ads directly on your page if you allow this. You just need to enable this in your account. There is also a preview function available and you can to a certain extent influence how the ads are displayed. You should have a look at the preview and test it. Depending on your site it might not be the best option. For my UrlShortener, it was the right option as it integrated quite well with the layout of the page. For a Shopify store with a lot of JavaScript and carefully placed items, I would prefer to place the ads at specific parts of the page.


The variant which gives you more control is called ad units. You can create various units with different styles (display ads, in-feed ads, in-article ads). Depending on your page you should create several and customize them accordingly. The placing of those ads needs a bit more coding knowledge as you now need to place it by yourself in the right sections of your code. You would place an In-Article ad for example somewhere in between your text. Google recommends 2 paragraphs below the start of the article. In case you are not sure about what you are doing then better skip the option as you can impact your page layout negatively.

Add AdSense to WordPress

Go to your admin page. Then navigate to Appearance and select Widgets. Create now a new Custom HTML element and add the code. Ideally, you move it into the header. However, WordPress will still place it in the

of your page. This is no problem it will still work fine.


Depending on your theme and page the auto-placement can work quite well. If you prefer to place it on your own you will have to adapt either the theme code or you could place it in blog posts via pasting code in the HTML blocks.

For this page, I tested the auto-placement and it looked good and did not cause issues. So you really need to try whatever option you choose. In the end, I decided to not show any ads here for now.

Add AdSense to Shopify

For Shopify, you need to edit the template code.

  1. Navigate to Online Store (left side of the Screen)
  2. Select Themes
  3. Click on Actions and select Edit Code


In order to add the code snippet into the header, you need to edit theme.liquid and paste it in the

. See the below screenshot.


One word of caution for Shopify. Usually, I would not add Ads on a Shopify store as this could distract your customers from Buying and even worse might show Ads for your competitors. However, it might make sense to show it in your Blog Section. This is basically the only section I would add it but this is completely up to you.

To only display it on your blog pages you need to edit blog-template.liquid and article-template.liquid in the Sections part of the Theme. Section examples in the screenshot below.


The article-template.liquid influences how a specific blog entry looks. So for in-article ads, this is the right place. blog-template.liquid defines the overview page or blog list, here I would consider the in-feed ads or a display ad.

Let me know if you have any questions or useful tips.

Jan 2nd 22

No one left a comment yet. Be the first!

Leave a comment

We'll never share your email with anyone else.
Slide to submit