AdTech advertising

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>
    

Settings

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.

Ad-blocking

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).

Sample banners

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>

Dummy content

Et unde voluptas aut quod excepturi voluptas ipsum sequi. vitae ut numquam dolores excepturi sit autem provident. nihil vel totam dolores. est reiciendis aut nam et non possimus veritatis numquam quas neque. non ut quidem enim. est corporis quaerat eum et dolor in sed quisquam eos exercitationem velit facere consectetur

Omnis molestiae consequatur ut illum nam illo architecto. molestiae quidem expedita perspiciatis velit consectetur quod aut laborum vitae nulla animi. quis et vel asperiores non perspiciatis. tempore eligendi ea rerum aut eaque et dicta et aut ut rerum quia deserunt. nobis sit eos hic aliquid odit voluptate asperiores alias veniam quibusdam aut fugit aut quia. omnis dolore animi officiis eum quo aperiam