Home

Support

Beispiele für den Einbau von Static Anzeigenblöcken

Home

Support

Beispiele für den Einbau von Static Anzeigenblöcken

Kampagne

Beispiele für den Einbau von Static Anzeigenblöcken

Autor/in

Tom Wendt

Apr 30, 2026

Entdecke praktische Beispiele für die Einbindung von Static Anzeigenblöcken – von der einfachen Integration bis zur erweiterten asynchronen Implementierung mit mehreren Werbeflächen.

Überblick

In diesem Artikel findest du verschiedene Beispiele für die Einbindung von Static Anzeigenblöcken.

Wenn du die grundlegende Einrichtung noch nicht vorgenommen hast, empfehlen wir dir zuerst den Artikel „Wie baust du einen Static Anzeigenblock ein?“.

Asynchrone Einbindung (empfohlen)

Die asynchrone Einbindung ist die empfohlene Methode, da sie die Performance deiner Website verbessert und zusätzliche Funktionen wie Events und Callbacks unterstützt.

Beispiel: Zwei Anzeigenblöcke auf einer Seite

Schritt 1: HTML-Container anlegen

Platziere an den gewünschten Positionen deiner Website einen eindeutigen Container für jeden Anzeigenblock.

<div id="adup1"></div><div id="adup2"></div>

Schritt 2: JavaScript-API laden

Lade die AdUp JavaScript-API einmalig und initialisiere anschließend die gewünschten Anzeigenblöcke.

<script>window.uAd_init = function () {    window.uAd.embed("adup1", {        placementkey: "b438218268aff398aa44332004a8d78a",        responsive: false,        query: "Italien"    });    window.uAd.embed("adup2", {        placementkey: "c826aad8837fe2bd34f4aadde2cb222f",        responsive: false,        mincpc: 1.15,        lazy: true    });};if (typeof window.uAd === "object") {    window.uAd_init();} else {    (function(d, t) {        var g = d.createElement(t),            s = d.getElementsByTagName(t)[0];        g.src = "https://s.d.adup-tech.com/jsapi";        g.async = true;        s.parentNode.insertBefore(g, s);    }(document, "script"));}</script>
<script>window.uAd_init = function () {    window.uAd.embed("adup1", {        placementkey: "b438218268aff398aa44332004a8d78a",        responsive: false,        query: "Italien"    });    window.uAd.embed("adup2", {        placementkey: "c826aad8837fe2bd34f4aadde2cb222f",        responsive: false,        mincpc: 1.15,        lazy: true    });};if (typeof window.uAd === "object") {    window.uAd_init();} else {    (function(d, t) {        var g = d.createElement(t),            s = d.getElementsByTagName(t)[0];        g.src = "https://s.d.adup-tech.com/jsapi";        g.async = true;        s.parentNode.insertBefore(g, s);    }(document, "script"));}</script>
<script>window.uAd_init = function () {    window.uAd.embed("adup1", {        placementkey: "b438218268aff398aa44332004a8d78a",        responsive: false,        query: "Italien"    });    window.uAd.embed("adup2", {        placementkey: "c826aad8837fe2bd34f4aadde2cb222f",        responsive: false,        mincpc: 1.15,        lazy: true    });};if (typeof window.uAd === "object") {    window.uAd_init();} else {    (function(d, t) {        var g = d.createElement(t),            s = d.getElementsByTagName(t)[0];        g.src = "https://s.d.adup-tech.com/jsapi";        g.async = true;        s.parentNode.insertBefore(g, s);    }(document, "script"));}</script>
Erweiterte asynchrone Einbindung

Dieses Beispiel eignet sich besonders für komplexere Websites.

Die Initialisierung wird in eine globale Funktion ausgelagert. Dadurch wird die API nur einmal geladen und kann anschließend beliebig oft verwendet werden.

Das ist sinnvoll, wenn:

  • Anzeigen dynamisch nachgeladen werden

  • mehrere Komponenten Anzeigen enthalten

  • Single-Page-Applications verwendet werden

  • Werbeblöcke erst nach Benutzerinteraktionen erscheinen

Schritt 1: Hilfsfunktion einbinden

Platziere folgenden Code im <head> deiner Website.

<script>function adup(callback) {    if (window.uAd) {        callback();    } else if (window.uAd_init) {        const oldCallback = window.uAd_init;        window.uAd_init = function () {            oldCallback();            callback();        };    } else {        window.uAd_init = callback;        (function(d, t) {            var g = d.createElement(t),                s = d.getElementsByTagName(t)[0];            g.src = "https://s.d.adup-tech.com/jsapi";            g.async = true;            s.parentNode.insertBefore(g, s);        }(document, "script"));    }}</script>
<script>function adup(callback) {    if (window.uAd) {        callback();    } else if (window.uAd_init) {        const oldCallback = window.uAd_init;        window.uAd_init = function () {            oldCallback();            callback();        };    } else {        window.uAd_init = callback;        (function(d, t) {            var g = d.createElement(t),                s = d.getElementsByTagName(t)[0];            g.src = "https://s.d.adup-tech.com/jsapi";            g.async = true;            s.parentNode.insertBefore(g, s);        }(document, "script"));    }}</script>
<script>function adup(callback) {    if (window.uAd) {        callback();    } else if (window.uAd_init) {        const oldCallback = window.uAd_init;        window.uAd_init = function () {            oldCallback();            callback();        };    } else {        window.uAd_init = callback;        (function(d, t) {            var g = d.createElement(t),                s = d.getElementsByTagName(t)[0];            g.src = "https://s.d.adup-tech.com/jsapi";            g.async = true;            s.parentNode.insertBefore(g, s);        }(document, "script"));    }}</script>

Schritt 2: Anzeigenblock initialisieren

Anschließend kannst du jeden Anzeigenblock unabhängig voneinander laden.

<div id="adup1"></div><script>adup(function () {    window.uAd.embed("adup1", {        placementkey: "b438218268aff398aa44332004a8d78a",        responsive: false,        query: "Italien"    });});<
<div id="adup1"></div><script>adup(function () {    window.uAd.embed("adup1", {        placementkey: "b438218268aff398aa44332004a8d78a",        responsive: false,        query: "Italien"    });});<
<div id="adup1"></div><script>adup(function () {    window.uAd.embed("adup1", {        placementkey: "b438218268aff398aa44332004a8d78a",        responsive: false,        query: "Italien"    });});<

Weitere Anzeigenblöcke können auf dieselbe Weise eingebunden werden.

Synchrone Einbindung

Für einfache Websites kannst du Static Ads auch synchron einbinden.

Dabei wird das Script direkt an der gewünschten Position ausgeführt.

<scriptsrc="https://s.d.adup-tech.com/ads/display.js?placementkey=ee3f328127873b8fc0174d84b235087b&query=Fl%C3%BCge;USA"></script>

Beispiel mit zusätzlichen Parametern

Auch optionale Parameter wie lazy oder skip können direkt über die URL übergeben werden.

<scriptsrc="https://s.d.adup-tech.com/ads/display.js?placementkey=058c43c27f6f563e09ddde3c26b54042&query=Fl%C3%BCge;USA&lazy=1&skip=5"></script>

Wann eignet sich welche Einbindungsart?

Asynchron

Synchron

Empfohlen für die meisten Websites

Geeignet für einfache Integrationen

Lädt Anzeigen nach dem Seitenaufbau

Lädt Anzeigen direkt beim Seitenaufbau

Unterstützt Events und Callbacks

Keine Event-Unterstützung

Ideal für mehrere Anzeigenblöcke

Ideal für einzelne Anzeigenblöcke

Bessere Performance

Einfachste Implementierung

Best Practices

API nur einmal laden

Auch wenn mehrere Anzeigenblöcke eingebunden werden, sollte die AdUp JavaScript-API nur einmal geladen werden.

Asynchrone Einbindung bevorzugen

Die asynchrone Einbindung verbessert die Performance deiner Website und bietet zusätzliche Funktionen für komplexe Integrationen.

Eindeutige Container verwenden

Jeder Anzeigenblock benötigt eine eindeutige Container-ID.

Beispiel:

  • adup1

  • adup2

  • sidebar-ad

  • footer-ad

Lazy Loading nutzen

Aktiviere Lazy Loading bei Anzeigen, die sich außerhalb des sofort sichtbaren Bereichs befinden.

Dadurch werden Ladezeit und Impressionserfassung optimiert.

Häufige Fehlerquellen

API mehrfach eingebunden

Die JavaScript-API sollte pro Seite nur einmal geladen werden.

Doppelte Container-IDs

Verwende für jeden Anzeigenblock eine eindeutige ID.

Ungültiger Placement Key

Ein falscher oder fehlender placementkey verhindert die Auslieferung von Anzeigen.

Anzeigenblock vor API initialisiert

Stelle sicher, dass window.uAd.embed() erst ausgeführt wird, nachdem die API vollständig geladen wurde.

Das könnte dich auch interessieren

Tom Wendt

5 Min. Lesezeit

Wie baust du einen Static Anzeigenblock ein?

Binde Static Ads schnell und zuverlässig auf deiner Website ein. Erfahre, welche Einbindungsart sich eignet, welche Parameter verfügbar sind und wie du Anzeigen optimal konfigurierst.

Publisher