How to insert Ads on Blog Archive Page?

Mak­ing mon­ey as a blog­ger is a com­mon strat­e­gy for those who plan to invest into their online pres­ence. There are sev­er­al ways to achieve this kind of finan­cial secu­ri­ty, and one of them is by insert­ing ads with­in your con­tent. We high­ly rec­om­mend you to choose the type of ads care­ful­ly by always think­ing of your audi­ence and its par­tic­u­lar needs. In the end, nobody wants to be part of some use­less noise, right?

In this arti­cle, we walk you through how you can eas­i­ly insert ads on your Blog Archive Page for more engage­ment.

We cre­at­ed a step by step guide that will help you under­stand how to get the job done by your­self.

Step 1 — Download the Ad Inserter Plugin

To make things more acces­si­ble for you, we made a research and picked up the best option — Ad Insert­er plu­g­in — a pow­er­ful tool for ad man­age­ment.

Please note that using this plu­g­in you can insert ads in dif­fer­ent places on your Word­Press site but in this arti­cle, we par­tic­u­lar­ly focus on the Blog Archive Page.

Log into your Word­Press Dash­board, install and acti­vate Ad Insert­er plu­g­in (free) by going to Appear­ance → Plu­g­ins. Just type the name in the Search box and take it from there.

Step 2 — Insert the First Ad on Your Blog Archive Page

The next details assist you in the process of insert­ing the first ad, so please fol­low them accord­ing­ly. To make it much eas­i­er to get it done right, please watch this short video:

  • Go to your Word­Press Dash­board under Set­tings → Ad Insert­er, click on Block 1 tab and insert a link to a ban­ner with the for­mat: <img src=“banner.jpg”> (screen­shot).
  • Under the Edi­tor, select from Auto­mat­ic Inser­tion — Between Posts, Align­ment and Style — Cen­ter and check the options to show the ad On All Posts and Home­page (screen­shot).
  • Click on Misc tab and make sure you do fol­low the steps below (screen­shot):
    • Choose to dis­play the ad for All Users;
    • Decide where you want to dis­play the ad on the Archive Page. To do that, you need to add fil­ter inser­tions by spec­i­fy­ing want­ed calls for this ad.
    • Make sure that Ajax option is checked here;
    • Select the option Insert Imme­di­ate­ly.
  • On the right upper cor­ner click on Ad Insert­er Set­tings but­ton and add the Block Class Name from the wrap­ping div, in this case, grid__item (screen­shot).
  • Click Save Set­tings but­ton and enjoy your first ad ban­ner from the Blog Archive Page.

If you want to place more than a sin­gle ad, you just need to fol­low the same steps. Please note that you can also use dif­fer­ent ad for­mats, not just sta­t­ic ban­ners. We rec­om­mend start­ing with Ad Insert­er Com­mon Set­tings for a bet­ter under­stand­ing of how it works.

Additional Readings:

This article applies to Gema, Hive, Patch, and Silk as they share the same underlying structure.

Updated on August 2, 2017

Was this article helpful?