Schließen-Schaltfläche hinzufügen - Studio-Hilfe [gg-richmedia-de]

Erstellungsanleitung für HTML5-Interstitials

Fügen Sie eine Schließen-Schaltfläche hinzu

Weiter: MRAID-Methoden aufrufen

Bei der Lieferung in einem Desktop- oder mobilen Browser müssen Sie eine Schließen-Schaltfläche hinzufügen, damit Nutzer Ihr Creative schließen und den Seiteninhalt unter der Anzeige anzeigen können.

Fügen Sie in Google Web Designer eine Schließen-Schaltfläche hinzu

1. Erstellen Sie eine Schaltfläche oder ein anderes deutlich sichtbares Schaltflächenelement zum Schließen, das der Benutzer anklicken oder berühren kann. Beispielsweise verwenden textbasierte Schaltflächen zum Schließen normalerweise den Text „Schließen X".
2. Ziehen Sie die Komponente Berührungsbereich aus dem Komponentenbereich auf die Bühne und positionieren Sie sie über dem Element der Schaltfläche „Schließen".
3. Klicken Sie im Ereignisbereich auf die Schaltfläche „Neues Ereignis".
4. Wählen Sie im Ereignisdialog die folgenden Optionen aus:

   Ziel	Die TapArea-Komponente (gwd-taparea_1)
   Vorfall	Tippen Sie auf Bereich > Berühren/Klicken
   Aktion	Benutzerdefiniert > Benutzerdefinierte Aktion hinzufügen

5. Benennen Sie im Fenster Benutzerdefinierter Code Ihre benutzerdefinierte Funktion. Zum Beispiel: „geschlossen". Fügen Sie dann den folgenden Code in das Codefeld ein:
   Enabler.reportManualClose();
Enabler.close();
6. Klicken Sie auf OK .

Fügen Sie eine Schließen-Schaltfläche mit HTML, CSS und JavaScript hinzu

1. Erstellen Sie mithilfe eines <div>-Tags ein Schaltflächenelement in Ihrem Creative. Erstellen Sie das Element in der HTML-Datei und formatieren Sie es in der CSS-Datei. Weisen Sie dann Ihrem Element die ID close-btn zu.

   Beispiel-<div>-Tag in der HTML-Datei

   <div id=" close-btn "></div>

   Muster-ID-Selektorstil in der CSS-Datei

     #close-btn { position: absolute; width: 20px; height: 18px; top: 0px; left: 278px; cursor: pointer; z-index:220; background-image: url('close.png'); background-repeat: no-repeat; }

2. Fügen Sie dem JavaScript die Methoden reportManualClose und close hinzu, um das Ereignis aufzuzeichnen und das Motiv zu schließen.

   Beispielcode zum Schließen des Creatives und zum Nachverfolgen des Ereignisses

     function closeHandler() { Enabler.reportManualClose(); Enabler.close(); } document.getElementById(' close-btn ').addEventListener('click', closeHandler, false);  function closeHandler() { Enabler.reportManualClose(); Enabler.close(); } document.getElementById(' close-btn ').addEventListener('click', closeHandler, false);

Blenden Sie die Schließen-Schaltfläche aus, wenn das Creative in einer App geschaltet wird

Wenn das Creative in mobilen Apps geschaltet wird, beachten Sie, dass Anzeigen-SDKs für mobile Apps automatisch ihre eigene Schließen-Schaltfläche über dem Creative hinzufügen. Wenn Ihr Creative bereits über eine Schließen-Schaltfläche verfügt, verfügt das Creative über zwei Schließen-Schaltflächen. Um die MRAID-Schließen-Schaltfläche auszublenden, verwenden Sie die Enabler-Methode setUseCustomClose .

  var hideMRAIDClose = function() { if (studio.common.Environment.hasType(  studio.common.Environment.Type.IN_APP)) { // Hide the MRAID close button and use the creative's close button instead. Enabler.setUseCustomClose(true); } };

Weiter: MRAID-Methoden aufrufen