Anleitung zur Erstellung von HTML5-Floating-Creatives

Option für das automatische Schließen hinzufügen

Beim automatischen Schließen wird ein Interstitial-Creative automatisch nach einer bestimmten Zeit geschlossen.

Neben einer Schaltfläche zum manuellen Schließen verlangen Publisher häufig, dass sich Interstitial-Creatives nach einer bestimmten Zeit automatisch schließen. Dadurch wird verhindert, dass die Anzeige den Seiteninhalt zu lange blockiert, insbesondere, wenn der Nutzer nicht mit der Anzeige interagiert.

Den Websitespezifikationen der Publisher können Sie entnehmen, ob eine Option zum automatische Schließen hinzugefügt werden muss. In Studio wird empfohlen, die Desktop-Interstitial-Creatives nach 15 Sekunden automatisch zu minimieren. Weitere Informationen finden Sie in den Best Practices für Entwickler.

Wie richte ich die Funktion zum automatischen Schließen ein?

Es gibt zwei Möglichkeiten, die Funktion zum automatischen Schließen in Studio-Creatives einzurichten: die Webbenutzeroberfläche von Studio oder die API. Es empfiehlt sich, nur eine dieser Optionen zu verwenden.

Wenn Sie Ihrem Creative nur die Funktion zum automatischen Schließen hinzufügen möchten, empfehlen wir Option 1.

Wenn Sie mehr Kontrolle darüber haben möchten, wie und wann Ihr Creative minimiert wird, empfehlen wir Option 2. Ihr Creative soll geöffnet bleiben, wenn ein Nutzer damit interagiert? Dann verwenden Sie die API, um das automatische Schließen zu steuern.

Option 1: Webbenutzeroberfläche von Studio verwenden

Beim Einrichten des automatischen Schließens auf der Webbenutzeroberfläche von Studio können Sie angeben, wie lange Ihr Creative auf einer Seite geöffnet bleiben soll. Nach der eingestellten Zeit wird das Creative minimiert, auch wenn ein Nutzer gerade damit interagiert.

Das automatische Schließen kann beim Hochladen der Creatives in Studio auf der Webbenutzeroberfläche eingerichtet werden. Fahren Sie jetzt mit dem nächsten Schritt in dieser Erstellungsanleitung fort und aktivieren Sie in den Eigenschaften der Interstitial-Creatives im Bereich Anzeigedauer das automatische Schließen.

Option 2: API verwenden
Wenn Sie die Funktion zum automatischen Schließen besser steuern möchten, verwenden Sie die Studio API, um eine Interstitial-Anzeige zu minimieren. Angenommen, Sie möchten, dass Ihr Creative geöffnet bleibt, wenn ein Nutzer damit interagiert: Verwenden Sie in diesem Fall die API, um die Funktion zum automatischen Schließen zu steuern.

Zum Einrichten der Funktion zum automatischen Schließen rufen Sie die Methode Enabler.close(); am Ende Ihrer Timer-Countdown-Funktion auf. Anders als bei der Schließen-Schaltfläche müssen Sie bei dieser Funktion nicht die Methode Enabler.reportManualClose(); aufrufen, weil das Schließen in diesem Fall nicht als manuelles Schließen in den Berichten erfasst werden soll.

Es gibt zwei Methoden zum Einrichten eines Timers in HTML5:

setTimeout-Methode verwenden
setTimeout(autoClose, 15000);

function autoClose() {
  Enabler.close();
}
setInterval-Methode verwenden und beenden, nachdem der Intervall-Handler aufgerufen wurde
var autoTimer = setInterval(autoClose, 15000);

function autoClose() {
  clearInterval(autoTimer);
  Enabler.close();
}

Optional: Interstitial geöffnet lassen, wenn ein Nutzer damit interagiert

Ein weiterer Vorteil der Studio API: Sie können ein Interstitial-Creative so einrichten, dass es bei der Interaktion eines Nutzers geöffnet bleibt. Verwenden Sie dazu das Studio-Ereignis studio.events.StudioEvent.INTERACTION.


Codebeispiel
var autoTimer = setInterval(autoClose,15000)

function autoClose(){
  clearInterval(autoTimer);
  Enabler.close();
}

function userInteract(){
  clearInterval(autoTimer);
}

Enabler.addEventListener(studio.events.StudioEvent.INTERACTION, userInteract);

War das hilfreich?

Wie können wir die Seite verbessern?

Benötigen Sie weitere Hilfe?

Mögliche weitere Schritte:

Suche
Suche löschen
Suche schließen
Hauptmenü
142735144554194467
true
Suchen in der Hilfe
true
true
true
true
true
74220
false
false