1. Your Cart is Empty
  • give us a call +2348133049669
  • Mon-Fri : 9:00 AM TO 7:00 PM SUNDAY : CLOSED
  • icon Mon - Sat 9.00 - 19.00. Contact: +2348133049669
  • 0
    1. Your Cart is Empty

Complete Ad inserter Tutorial step by step

When it comes to adding Ads on your site, I recommend you use Ad inserter plugin. Ad inserter is a very powerful plugin that helps you insert any type of ads. You can use it to add your google Adsense code, your own ads or sponsored ads. It is really up to you. Without taking much time to let us get into the tutorial. But first, let us see the table of contents.

Table of contents.

1.. how to install ad inserter plugin
2.. How to use the plugin
3.. conclusion

To install the plugin, first, hover over plugins and click on “Add new”. on the next page, search for “ad inserter”.

ad inserter tutorial

After getting the plugin you are looking for in the search result, click on “Install” then activate the plugin. That is how you can install ad inserter and activate it.

Another method is to download the plugin from WordPress then upload it and activate. In some rare case, you may need to upload the plugin file manually via FTP or file manager in your cpanel. In case you have any problem in this regard, do well to contact me.

ad inserter tutorial search and insrtall

In order to make use of this plugin, please go to “setting” and click on “Ad inserter. Another way is to go back to all plugins and click on the setting link of ad inserter. You will still have the same result.

How to insert your AdSense code.

If you wish to insert your AdSense code, first log into your AdSense account and create a new ad unit in order to get the Adsense code. Follow the steps described in the snapshot below. In case you already have those ads units, click on get code.

google adsense create new ad

Now it is time to use the AdSense code in ad inserter. As a reminder, hover over setting and click on ” ad inserter” in order to access ad inserter setting.

Basically, the free version of ad inserter has 16 blocks meaning we can add up to 16 different ad units. Copy your AdSense code from your AdSense dashboard and paste in the first block as shown below.

adsense code in ad inserter

The display setting

Ad inserter is indeed a great plugin that can help you select where you want to display your ads. You can choose to show your ad only on posts, static pages, homepage, search page or category pages or all at the same time. it is up to you.

You can choose to add your ads to your content automatically or manually. Let us first see how you can add your code automatically.

First, select the type of content you want your code to be added to. For example posts, static pages, homepage etc … as displayed below in the snapshot. Secondly, select the exact place you want the code to be added to. For example, you can decide to add your code “before post”, “before content” “after paragraph”, “After content” etc … as you can see in the snapshot below.

If you select before or after paragraph, you have to specify the paragraph number. For example, you can decide to add the code automatically after/before paragraph 2,8,10,20 etc … It is up to you. Make sure you separate those numbers with coma as shown below.

ad inserter setting

Making exception

It is possible to add your ads to specific posts and hide them on other posts. You can do the same with the categories, tags, URLs etc…  How can you do that? Let me show you.

First “list” tab, secondly click on either categories, tags, Post IDs etc …. depending on where you want to hide or display your ads. In the snapshot below, I used posts. After clicking on post IDs, you will get all the posts you have on your site. Select the one you want to show (white list) or hide (Black list). Make sure you save all the change you’ve made at the end.

ad inserter hide and display

Hide or display ads based on device

It is also possible to hide or display your ads based on the device. To do so, click on the “device” tab, scroll down click on “client-side device detection. Check “use client-side detection to” and check any type of device you want your ads to be displayed on.

hide or display ads based on device

How to add your ads code manually.

If you want to add your ads code manually into your posts, bear in mind that it is possible to do so. Click on “Manual”, check “shortcode” then code the shortcode and add it to your post.

ad inseretr short code

Here is how you can add it to your post. First (1) make sure you are in the text editor tab, secondly (2) paste your shortcode in the text and lastly (3) update your post as shown in the snapshot below.

ad inserter tutorial, how to add the shortcode manually

How to display your ads on any part of your site.

In some cases, you may wish to display your ads in a particular area. Maybe before/after the header which by default you don’t have the option. If that is the case, how do you add your code? Here is what you can do.

First, find out the Html element

To get the html element, click on the area where you want your ads to appear. In the snapshot below, I want my ads to appear after the contact information below. So I right clicked on the text and selected “Inspect element”.

html element adding ad inserter tutorial

On clicking on “inspect element”, you will get something similar to the snapshot below. As you can see, the html element of the contact information is #text-2800-0-0-2

getting html element

After getting the html element, go back to your ad inserter setting. Add your ads code in a block, scroll down before or after Html element in automatic insertion. The next thing is to paste the html element in the appropriate field. lastly, make sure you save all changes at the end.

adding the html element in your plugin

How to add a custom ads

To add your own ads, first upload your banner and get its link. Secondly, you need to get the link of your landing page.

With those links, we can now easily generate the code.

<a href="https://www.albblog.com/how-to-make-money-online-in-nigeria/">
<img src="https://www.albblog.com/wp-content/uploads/2018/03/learn-how-to-make-money-online-banner-mobile.jpg"
 alt="learn how to make money online" /></a>

Copy the code above and make the following changes

1.. replace https://www.albblog.com/how-to-make-money-online-in-nigeria/ with your landing page.
2.. Replace https://www.albblog.com/wp-content/uploads/2018/03/learn-how-to-make-money-online-banner-mobile.jpg with your banner link.
3.. Replace learn how to make money online with your own alt text. The alt text is the one displayed in case the banner is not showing up.

Now that we have generated the code, go ahead and add the code in a new block. Follow the above instructions to display your ads wherever you want.


This section is meant for advanced users. You can choose to display immediately or delay it for example. Also, you can choose to show your ads on a post that has a minimum of “x” words. “x’ as the number of words.

So far we have discussed how we can use ad inserter to add ads on our blog or website. indeed ad inserter is a great plugin to monetize our site. If you wish to get more blocks and enjoy other benefits, consider getting the pro version of the plugin. For more information about the pro version of the plugin, please visit their official site.

That will be all for today’s post, if you did enjoy it, please share with your friends by making use of the social share buttons. Don’t forget to subscribe to receive updates from us. (it’s free) Let me know what you think or if you have any question regarding the post by leaving a comment in the comment section.

Protected by Copyscape



  • Mick Posted 10 hours ago

    For me as someone, who loves to optimize ads and to test them against each other, the limit of only 16 ad units in the free version is a no-go. I prefer the plugin Advanced Ads, which does not have such limits: https://wordpress.org/plugins/advanced-ads/

  • Akshat Posted 7 hours ago

    I want ads to be placed after h2 heading so please tell me hot to do it ? Thanks !

    • Support Team Posted 20 hours ago

      please refer to “How To Display Your Ads On Any Part Of Your Site.” section in the post. Instead of “#text-2800-0-0-2” for example use “h2” in your case.


Leave A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Copyright @2018 Alb BloG. All right reserved