How do you integrate your ad unit?

Overview

Once you have created your website and at least one ad block in your publisher account, you can integrate the ads on your website.

Depending on the structure of your website and your use case, various integration options are available. Whether it is a classic desktop website, a responsive page, AMP or newsletters – AdUp offers the right integration for every environment.

Which type of integration is the right one?

The choice of the appropriate integration method depends on where and how your ads are to be displayed.

Static Ads

Static Ads have a fixed width and height.

The ads are delivered within an iFrame and are particularly suitable for classic ad slots with defined dimensions.

Ideal for:

• Desktop websites

• fixed banner positions

• classic layouts

• sidebars

• header and footer banners

Advantages

• simple integration

• fixed sizes

• complete control over placement

Limitations

• no automatic adjustment to different screen sizes

• only limited suitability for mobile websites

Responsive Ads

Responsive Ads automatically adapt to the size of the available container.

This allows the same ads to be displayed optimally on desktop, tablet and smartphone.

Ideal for:

• responsive websites

• Mobile-First projects

• flexible layouts

• modern CMS systems

Advantages

• automatic size adjustment

• optimal display on all devices

• less maintenance effort

Limitations

• requires a responsive container

• layout should be flexible

AMP-HTML Ads

AMP-HTML Ads enable the integration of advertisements on Accelerated Mobile Pages.

The integration is carried out via the special <amp-ad> tag and uses Responsive Ads technology in the background.

Ideal for:

• AMP websites

• mobile news portals

• fast landing pages

Advantages

• AMP compatible

• fast loading times

• optimised for mobile devices

Limitations

• can only be used on AMP pages

• requires valid AMP markup

Newsletter Ads

Newsletter Ads have been specifically developed for use in email newsletters.

Each ad consists of a linked image (<img>) that is integrated within a link (<a>).

Ideal for:

• regular newsletters

• editorial mailings

• existing customer communication

Advantages

• specifically optimised for email clients

• simple integration

• conversion and click measurement possible

Limitations

• own parameter structure

• each ad requires a unique rank

Fly-In Ads

Fly-In Ads appear as an overlay at the edge of the browser window.

Depending on the configuration, they are displayed time-controlled or depending on the scroll position.

Ideal for:

• product recommendations

• Native Advertising

• Cross-Selling

• high-attention advertising spaces

Advantages

• high visibility

• flexible positioning

• comprehensive configuration options

Limitations

• should be used discreetly

• can impair the user experience if configured incorrectly

Which integration do we recommend?

For most modern websites, we recommend Responsive Ads.

They automatically adapt to different screen sizes and work reliably on desktop, tablet and mobile devices.

Static Ads, on the other hand, are particularly suitable when fixed advertising spaces with defined dimensions are available.

AMP-HTML Ads and Newsletter Ads are only used in the corresponding special cases.

Fly-In Ads are suitable as an additional advertising format with particularly high visibility.

Best Practices

Choose the appropriate integration method

Use the integration method that best fits your website type.

Prefer responsive websites

If your website is responsive, you should also use Responsive Ads.

Test ads on all devices

Check the display on:

• Desktop

• Tablet

• Smartphone

This ensures that ads are delivered correctly everywhere.

Consider performance

Whenever possible, use asynchronous integrations and lazy loading to optimise loading times.

Common Error Sources

Incorrect integration method selected

Static Ads on a fully responsive website can lead to display issues.

Unsuitable container sizes

Responsive ads require sufficient space within the layout.

Multiple integration of the same ad

An ad block should only be integrated once per container.

Incorrect use of special formats

AMP-HTML Ads work exclusively on AMP pages, Newsletter Ads exclusively within email newsletters.

Decision Support