Here is how Affimate Ads look like

The purpose of this blog post is to explain and show what does each affimate ad look like. These are real ads using the Affimate script, which has been added this webpage.

At the top of this page is an header type ad. The ad has been inserted using the <div class=‘affimate_header’></div> html tag.

The Sticky Bottom Ad

At the very bottom of this page, you should see an ad that is stick to the bottom of your webpage, this is the sticky bottom Affimate Ad, that has been added using the <div class='affimate_sticky_bottom'></div> html code.

You can put this code wherever you want, in any case the ad will be displayed at the same place than in this webpage.

The In Article Ad

There are usually several in-article Affimate ad in every web page. In this page, I've put one above and one below this paragraph. Both of them are inserted by the script because I've put the <div class='affimate_in_article'></div> html code.

If several in article ads are added to the page, the Affimate algorithm will run independently for each one of them. It means that if several ads are configured in your dashboard, ads can be different.

The Side Menu Ad

The last Ad provided by Affimate is the side menu one. Several blogs have a side bar containing different kind of information, if this is the case for your blog, then you can add a side-menu ad to it using the <div class='affimate_side_menu'></div> html code.

In this blog post however, I don't have a side menu.

Ad Builder or Image

There are two ways of creating an ad using Affimate, either you are using the Ad builder that I've created, or you are uploading your own image.

The Ad-builder is there to speed up the process and makes thing easier for yourself. But if you want something more personalized, you can upload your own images.

If you have any feedback about this, please send me an email at [email protected]

All Ads are responsive

For each kind of Ad, there are actually 2 different versions of the Ad, the desktop one and the mobile one. If you open this webpage using a mobile phone, you will see that ads are displayed in a different way.

In order to avoid CLS and keep your SEO good, each div height will be equal to the maximum height that the ad can have. But if the ad is not big enough to fullfill the div height, then you will see a sticky-scrolling effect.

Thanks to this, your SEO will be protected, and users are more likely to click on the ad.