Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

<iframe 
style="max-width: 300px; border: none; min-height: 260px; background-color: transparent;" 
src="https://www.wetter.de/widget/heute/u1hcy/false/"></iframe>
 

src wird mit data-src ersetzt. Dazu kommt data-name. Der Name unseres Cookie-Consent Eintrags lautet wetterwidget. Somit sieht der angepasste Code dann folgendermaßen aus:

<iframe 
style="max-width: 300px; border: none; min-height: 260px; background-color: transparent;" 
data-name="wetterwidget"
data-src="https://www.wetter.de/widget/heute/u1hcy/false/"></iframe>
 

5) Code einfügen:
Der HTML-Code kann nun an beliebiger Stelle im Forum eingebunden werden. Für das Beispiel nutze ich das Plugin "Activity Feed Sticky" und füge den HTML-Code dort ein:




6) Fertig
Die Einrichtung ist jetzt abgeschlossen. Lädt ein Besucher die Seite, wird zunächst nur ein Platzhalter statt des Iframes angezeigt. Erst nachdem der Besucher im Cookie-Hinweis den Wetter.de-Iframe erlaubt, wird der Inhalt geladen:




7) Zusätzliche Infos
Das Cookie-Consent Skript überprüft alle Elemente der Seite nach dem Attribut data-name. Wird ein Element mit so einem Attribut gefunden bei dem der Name zu einem im Cookie-Consent-Skript hinterlegten Dienst eingetragen ist, blendet das Skript einen Platzhalter ein, sofern der Besucher der Nutzung des Dienstes noch nicht zugestimmt hat.

Das klappt nicht nur bei Iframes, sondern auch mit jedem anderen Element.

Will man z.B den Iframe aus obigen Beispiel einbinden und noch eigenen Text anzeigen, der ebenfalls erst nach der Erlaubnis des Nutzers sichtbar ist kann das so gemacht werden:

<div data-name='wetterwidget'>
  Hier steht text, der nur sichtbar ist, wenn der Nutzer das Wetter Widget in den Cookie-Einstellungen erlaubt hat.
  <iframe 
style="max-width: 300px; border: none; min-height: 260px; background-color: transparent;"
data-name="wetterwidget"
data-src="https://www.wetter.de/widget/heute/u1hcy/false/"></iframe>
<br/>
<a href="https://www.wetter.de" rel="nofollow" target="_blank">Das Wetter in Köln</a>
</div>
 

Die Attribute "data-name" und "data-src" für den iframe müssen weiterhin dabei sein.