Customize your ads with Ezoic’s custom CSS ad styling (2022)

0
325
Customize your ads with Ezoic’s custom CSS ad styling
Customize your ads with Ezoic’s custom CSS ad styling

In the case of some companies, just placing ads on their site is sufficient. However, for other publishers you want to have more control over the way your website appears in general and would like your ads to look to be more elegant and stylish. With Ezoic it is possible to have your ads look like those that of big websites such as that of the Washington Post with Ezoic’s Custom CSS Ad Wrapper. You might have seen it launched in Content Month.

Publishers who use Ezoic can begin designing the look of their ads using an Ezoic Chrome Extension as well via using the Ezoic dashboard. This tool can quickly create responsive boxes around ads placeholders that work with the style of your site’s.

Since there many thousands of websites in every niche It is essential to come up with unique ideas to make your site small amount more attractive. The color and style of your advertising containers could make your website make a mark in the niche you’re targeting.

How to modify the styles of your ads’ placeholders

Modifying the appearance that your placeholders are displayed is just as easy as choosing where they’ll appear. To do this, go to the landing page on your website , and click on your Ezoic Chrome extension to enable your placeholders.

Then, select an image that you wish to modify. From the dropdown menu, choose Edit. Next, click to select the painting brush icon.

Within this section, you’ll be able to choose how you would like your placeholder to appear. You can define the margins surrounding the advertisement, based on the amount of space you’d like to leave between the content you’ve created and advertisement and choose the best orientation you’d like for the advertisement (left center, left or even right). You may also opt to display a disclosure of the advertisement.

The last section of personalization involves border color and color. You can select certain hex colors for the border and background of ads as well as the amount of the background space shows (padding). Like that of the border, padding can be calculated by the number of pixels used for the top and bottom, as well as the left and right sides of the advertisement.

The containers will only load only when users are presented with an advertisement in that place. Furthermore, because it is flexible, width and height are not required to be set.

The Ad Template Builder

If you’re looking to create an advertisement template that could be saved over several placeholders, utilize an Ad Template Builder inside of Ad Tester. This feature lets you are able to choose the location and style, as well as the size and page rules that each template will follow.

To start, just go on to the Ezoic dashboard, then select the Monetization tab and go towards Ad Template Builder. From there, you are able to make similar choices as described in the previous paragraph, but this template is able to be saved on multiple placeholders or you could create specific page rules the areas where this template could be displayed.

Stylizing your ads

Ezoic has made it easy to style your ads using Chrome Extension Chrome Extension or by using your Ezoic dashboard. If you prefer to code you can also use the following code that you can just add to the CSS file:

The ability to customize your ads can help your website stand out and make the difference between someone who chooses your website over another site in your industry. If you’re looking to have some more control over the appearance as well as feel of the site look at re-sizing your advertisements to match your website’s design.

LEAVE A REPLY

Please enter your comment!
Please enter your name here