As a Publisher, you want your native ads to look as good as possible on your site. That’s why we added many options for customizing your Native ad zones, so you can control everything from the image to the font size, color, branding, and many other things.
In this article, we will look at a few things you might want to consider as a Publisher when setting up your Native ad zones.
There are two ways of setting up a Native ad zone, the Quick Layout and the Custom Layout:
Many users just use the default text colors. However, if the background is dark, this may mean the text doesn't stand out or isn’t visible.
You can use the Advanced Options to further customize your native ad zone. Note that the settings in Advanced Options will apply to both Desktop and Mobile.
Vertical Spacing and Horizontal Spacing set the number of pixels between the ads vertically and horizontally. These are useful for ensuring that the ad zone fits in with the site, especially if you want your native ads to match exactly.
You can turn on and off the Powered by logo, and choose where it appears. This does not affect the total size of the widget itself, but it does add a <div> with the Powered by logo at the top or the bottom.
In the Custom CSS section, you can add custom CSS to ensure that the ad zone displays the way you want it on your site. Be aware that changes to the Custom CSS won't show in the preview, only on your site.
The Native ad zone can default to the left when it's put on your page, you can use some custom CSS to align it to the center if you wish.
By default, the text in the title shows at a height of 90px. If this doesn't meet your needs, you can use custom CSS to set it to the size you need:
height: 50px !important;
When using the Quick Layout, you set the aspect ratio for the image (1:1, 4:3, 16:9) and the size of the widget is set automatically. In some cases, this may result in the images not displaying correctly, depending on the size of the container or the CSS style applied. You can use the Custom CSS section to fix this issue also.
As you know, you can adjust how your native ads look on mobile and desktop independently, to ensure that they look their best in each format. But space between thumbnails is set only once for all devices in Advanced Options. Set the Vertical Spacing and Horizontal spacing, and ensure that it works well on both, by looking at the preview.
The breakpoint can be set to 800px for iPad, 450px for mobile, and Unresponsive. For example, imagine you set up desktop and tablet to display in a 4x1 grid. The breakpoint is between tablet and mobile, which is small. If we set it to medium, now the breakpoint is between desktop and tablet, so tablet and phone are displaying a 1x2 grid. So, if we had a grid of 4x1, and we have a grid of 2x2 on a phone, we might decide that while that looks good on a phone, it doesn't look so good on a tablet. We would put the breakpoint lower, making desktop and tablet roughly the same.
So as you can see, there are many ways to ensure that your Native ad zones look their best on all devices. If your native ad zones aren't quite displaying the way you want them to, trying a few of these tips could bring them more into line with your needs.
Technical Writer, EXADS
Subscribe to receive via email more information about EXADS and the ad serving market.
In this article we will cover everything you need to know about self-service advertising, the benefits this brings to all stakeholders and what to look for when deciding on using a self-service ad server to start a business.
As part of an ongoing series, we compare EXADS with other ad serving platform solutions. In this article we compare EXADS with Epom and evaluate 20 key platform features.
Q2 promises updates to financial administration including Paxum mass payout automation and automatic rebilling with SafeCharge, CTAs for video campaigns, 2FA account security, smart bidding for advertisers, anonymous user profiling and more!