DSGVO OptIn: Wetter.com Widget

[tschero]

Hallo Zusammen,

funktioniert es und wenn ja wie genau, ein Widget von wetter.com DSGVO Konform über die OptIn Library einzubinden?
In der Doku steht:

1. Laden Sie die gewünschte Vorlage in den Ordner templates/ --> Welche Vorlage?
2. Passen Sie ggf. die Vorlage an --> siehe Nr. 1
3. Binden Sie die Datei an gewünschter Stelle mit dem Contao Insert-Tag (file) ein --> OK, siehe Nr. 1

Dieses Widget ist gemeint:
https://www.wetter.com/apps_und_mehr...omepagewidget/

Über eine kleine Anleitung würde ich mich freuen.

Gruß
tschero

[Tom]

Hi Tschero,

wir haben hier eine Anleitung wie man das Opt-In um eigene Scripte erweitert.
Soweit ich das sehen besteht das Wetter Widget aus HTML-Code, einer externen CSS und einer externen JS Datei.
Das Markup kann an gewünschter Stelle eingefügt werden. CSS und JS File würde ich über das OPT-IN einbinden. Siehe Doku "Externe JavaScript Dateien" und "Externe CSS Dateien".

Schöne Grüße
Thomas

[Tim]

Mit solche freien HTML, wie bei Wetter.com, würde ich den iframe Weg empfehlen.

• Kopiere den HTML-Kram von Wetter.com in eine .html Datei in einem öffentlichen Verzeichnis z.B. files/cto_layout/wetter.html (Das wird die Quelle für den gesicherten Iframe.)
• Nun das iframe Template anpassen und auf die wetter.html zeigen lassen.

Hier mal angepasst.

   [COLOR=#333333][SIZE=11px] [COLOR=#878787]<?php[/COLOR]
  [COLOR=#8735a5]$iframeSrc[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#dd2400]'files/cto_layout/wetter.html'[/COLOR]; // hier liegt der wetter.com html Kram
  [COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#dd2400]'wetter_1'[/COLOR]; // bissel tricken, inserttags kennen keine ID :)
  [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]<p [/COLOR][COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]'privacy_info_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id;[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]'[/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"privacy hidden"[/COLOR][COLOR=#0045aa]>[/COLOR]Das Laden wurde nicht erlaubt. Bitte ändern Sie die [COLOR=#0045aa]<a [/COLOR][COLOR=#007ab7]href=[/COLOR][COLOR=#5d8f00]"{{env::request}}?clear_privacy_settings=1"[/COLOR][COLOR=#0045aa]>[/COLOR]Datenschutz-Einstellungen[COLOR=#0045aa]</a>[/COLOR][COLOR=#0045aa]</p>[/COLOR]
  [COLOR=#0045aa]<iframe [/COLOR][COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]"iframe_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id;[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#007ab7]data-privacy=[/COLOR][COLOR=#5d8f00]"2"[/COLOR][COLOR=#007ab7]width=[/COLOR][COLOR=#5d8f00]"400"[/COLOR][COLOR=#007ab7]height=[/COLOR][COLOR=#5d8f00]"350"[/COLOR][COLOR=#007ab7]seamless[/COLOR][COLOR=#007ab7]data-src=[/COLOR][COLOR=#5d8f00]''[/COLOR][COLOR=#007ab7]frameborder=[/COLOR][COLOR=#5d8f00]'0'[/COLOR][COLOR=#0045aa]></iframe>[/COLOR]
    [COLOR=#0045aa]<script>[/COLOR]
  [COLOR=#197020]// show privacy information if nessessary[/COLOR]
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]document[/COLOR]).[COLOR=#3f6e7d]ready[/COLOR]([COLOR=#0045aa]function[/COLOR]()
  {
  [COLOR=#0045aa]if[/COLOR]([COLOR=#000000]localStorage[/COLOR].[COLOR=#3f6e7d]getItem[/COLOR]([COLOR=#dd2400]'user_privacy_settings'[/COLOR]) [COLOR=#000000]<[/COLOR] [COLOR=#007ab7]1[/COLOR])
  {
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#dd2400]'#privacy_info_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id;[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]'[/COLOR]).[COLOR=#3f6e7d]removeClass[/COLOR]([COLOR=#dd2400]'hidden'[/COLOR]);
  }
    [COLOR=#0045aa]if[/COLOR]([COLOR=#000000]localStorage[/COLOR].[COLOR=#3f6e7d]getItem[/COLOR]([COLOR=#dd2400]'user_privacy_settings'[/COLOR]) [COLOR=#000000]>=[/COLOR] [COLOR=#007ab7]1[/COLOR])
  {
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#dd2400]"#iframe_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id;[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR]).[COLOR=#3f6e7d]attr[/COLOR]([COLOR=#dd2400]'data-src'[/COLOR],[COLOR=#dd2400]'[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#000000]Environment::[/COLOR][COLOR=#3f6e7d]get[/COLOR][COLOR=#000000]([/COLOR][COLOR=#dd2400]'base'[/COLOR][COLOR=#000000])[/COLOR][COLOR=#000000].[/COLOR][COLOR=#8735a5]$iframeSrc[/COLOR][COLOR=#000000];[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]'[/COLOR]);
  }
  })
    [COLOR=#197020]// listen to Eclipse.user_privacy Event[/COLOR]
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]document[/COLOR]).[COLOR=#3f6e7d]on[/COLOR]([COLOR=#dd2400]'Eclipse.user_privacy'[/COLOR],[COLOR=#0045aa]function[/COLOR]([COLOR=#000000]event[/COLOR],[COLOR=#000000]params[/COLOR])
  {
  [COLOR=#0045aa]if[/COLOR]([COLOR=#000000]params[/COLOR].[COLOR=#000000]level[/COLOR] [COLOR=#000000]>=[/COLOR] [COLOR=#007ab7]1[/COLOR])
  {
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#dd2400]'#privacy_info_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id;[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]'[/COLOR]).[COLOR=#3f6e7d]addClass[/COLOR]([COLOR=#dd2400]'hidden'[/COLOR]);
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#dd2400]"#iframe_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id;[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR]).[COLOR=#3f6e7d]attr[/COLOR]([COLOR=#dd2400]'data-src'[/COLOR],[COLOR=#dd2400]'[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#8735a5]$iframeSrc[/COLOR][COLOR=#000000];[/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]'[/COLOR]);
  }
  });
    [COLOR=#0045aa]</script>[/COLOR]
 [/SIZE][/COLOR]

[tschero]

Hi Leute,

das probiere ich gerne mal aus.
Besten Dank dafür.

Gruß
tschero

[ab2211]

Hat das funktioniert? Ich müsste eine Google Map via Iframe einbinden.

[Tim]

Hat das funktioniert? Ich müsste eine Google Map via Iframe einbinden.

Google Maps haben eigene Elemente. Ich würde empfehlen auf die theme-eigenen GoogleMaps Elemente aufzubauen.