What are Native Ads?
These are content-related creatives. As a rule, they are adapted in design and layout to the other teasers on the website. They differ from the editorial content of the page only in the reference "advertisement".
They can be designed with texts, graphics or videos.
Example:
Frankfurter Allgemeine
-> Example of an AdSpirit Native Ad in the showroom
1. Creating conditions:
- it is necessary to define exactly what the creative is (text length, image format/size etc.) so that a design template can be created for the publisher.
- Content templates are then defined for the campaigns.
Of course different design types and content types can run simultaneously.
- For example, if we say Publisher A with 1 image and Publisher B with 2 images, then content for 1 image and content for 2 images can be created simultaneously.
- But if every publisher has his own design specifications, then this results in an endless number of content templates that have to be filled out. Therefore it makes sense to create uniform values that are used by all publishers (1 image + headline length X + text length X + (optional) call-to-action length X ...)
Our development department will be happy to support you in the creation of a first template. Depending on your requirements and effort, we would also make an offer here if necessary.
2. Reflections:
A) The design is defined in the AdServer, so the publisher does not have to do anything.
This means that the creative in the AdServer are adapted to the publisher's page by the design template and are thus delivered ready for use. This has the advantage that especially technically less gifted publishers can still get ads that fit to their site.
B) Control via CSS classes by the Publisher
If we output unformatted content to the page, the browser uses the properties defined by the web page for the content. I.e. if the page has Times New Roman as font, then our text is also in Times New Roman. The same applies to sizes, colors etc.
Please note that if the publisher has not done this, there will be problems with the design.
Example headlines: Headlines can be "written" in HTML in various ways - the CSS definition differs accordingly. If the publisher uses spelling A and the ad server code uses spelling B, then the headline from the ad server is not in the same design as the headlines from the publisher.
3. Available templates
A very simple example template for image/text ad media is already available in the AdServer (Create ad media -> Ad media from template).
The codes of the HTML templates are located in the AdServer under
Administration -> Other -> HTML Templates
IMPORTANT: There are always 2 template types. One template for design and one template for content!
- The design template is created only once per publisher. It defines the appearance of the ad. That means font color, size, type, position of images etc. The design template exists once per publisher/web page or, in the case of different formats, several times per web page (e.g. if the publisher wants to have a 728x90 and a 300x250 image/text on the page, then these are two design templates for this publisher).
- The template for the content is defined once per campaign (or several per campaign if there are to be different advertising media). The advertising material template contains the actual text, headline, images, etc. There is no design information like color or font size etc. in the template.
- When booking, the design template and the data template are booked on the website, the AdServer packs both together on delivery and displays an advertising medium with design and content.
3. Publisher
Variant A)
The code the publisher gets always looks the same, no matter if it is a banner, image/text, advertorial, etc...
<script src="http://url-zum-adserver/adscript.php?pid=123&sonstige-parameter" type="text/javascript"></script>
He embeds the code at the position on his page where we should output the code, i.e. where the text should go (not in the header).
Variant B)
If you have chosen variant B (CSS classes), the code your AdServer outputs would look like this:
<span class="klassennameA">Überschrift</span><br>
<span class="klassennameB">Text</span>
The Publisher could therefore define a CSS on his page which uses the two classes ("klassennameA" and "klassennameB") defined. Example:
<style>
*.klassennameA{color:red;}
*.klassennameB{font-weight:bold;}
</style>
This applies to both advertorials and image/text.
Here again step by step the two ways:
Variante A) Workflow Advertiser:
- Create Advertiser
- Create campaign
- Create ad media from template "Data entry
- Store the data in the new advertising medium (heading, image, etc.). Leave size of ad media at 33x33
- Book the campaign as normal (channel, RON, website, whatever)
Variante B) Workflow Publisher:
- Create Publisher
- Create Web page
- Create advertising space, type banner, size does not matter, e.g. 500x500 or something
- Send script code of the ad space to publisher (not async script or IFrame code)
- Go into design campaign
- Create new ad media from one of the design templates
- Size of the new design advertising medium must match the size of the advertising space
- Go back to the campaign list, click on Book Campaign, select the design advertising medium you have just created below and book the advertising medium on exactly this one advertising space
- Publisher installs the code
Conclusion:
The design campaign only controls the design, i.e. how the ads should look on the publisher page.
The (content/data) campaigns, on the other hand, control which content should appear.