To enable advertising on the application a couple of pre-requisites are needed, the following scripts must be included in the <head>.
These aren't included by default as not all applications will want to enable advertising.
Please note: example dummy content is added to this page for testing purposes.
<script src="https://aka-cdn.adtech.de/dt/common/DAC.js"></script>
<script src="{DESIGN_FRAMEWORK_URI}/scripts/inventory.js"></script>
A unique fixed ID is required, but can be anything.
There are 3 data components to a banner tag, the only required attribute is data-adtech-placement which is a placement ID that needs to be supplied from AdOps.
Targetting is performed via the data-adtech-values attribute, this is a JSON encoded object of Key Value pairs. Multiple terms can be passed by seperating values with a colon. Key length is limited to 20 characters.
Responsive banners are loaded independently and require different placement IDs. These can be supplied in a JSON encoded array using the attribute data-adtech-responsive The default placement ID and a single responsive placement ID can be shared. If responsive banners are enabled for a given slot, they take precidence and the default placement is generally ignored. The min and max values define the screen width that particular placement should be shown between.
To have the adblocking image appear you must set width and height on the advert container as seen in the example below (it's been set inline but feel free to set this however you see fit).
All properties and values in the JSON settings attributes must be quoted, either double or single quotes will work but double quotes are more efficient.
<div id="my-placement-id" style="width: 180px; height: 150px;"
data-adtech-responsive="[{'id':'6250504','min':'850','max':'959'},{'id':'6250503','min':'960','max':'9999'}]"
data-adtech-values="{'audience':'Learner','scheme':'Undergraduate:Postgraduate:Teacher Training'}"
data-adtech-placement="6328253">
</div>
<div id="my-placement-id4"
data-adtech-responsive="[{'id':'6413917','min':'0','max':'749'},{'id':'6413915','min':'750','max':'9999'}]"
data-adtech-values="{'region':'','provider':'','subjects':'','scheme':''}"
data-adtech-placement="6413915">
</div>
Fugit eius quaerat consequatur at non quidem. ut aspernatur accusantium sequi a impedit fuga voluptatum perferendis est id doloremque sed. quibusdam veniam qui occaecati ad. tenetur qui natus nostrum impedit et iusto quam. iusto doloremque minima sit omnis eos impedit temporibus ut id et id eos officiis eos. dolor eos iste nihil dolorum praesentium voluptatem aut dolor
Qui eum quo sed quisquam cupiditate non saepe et nobis voluptatem dolores eos rerum odio. qui aut corporis omnis voluptas qui omnis. tempora quia reprehenderit esse a sunt nulla. cupiditate officiis dolores eius quia enim et labore in consequuntur eum aut enim consequatur. sequi voluptas sed accusantium et aut a consectetur facere ad placeat vero officia quod maiores. qui sunt dicta quis architecto