Ankündigung

Einklappen
Keine Ankündigung bisher.

DSGVO OptIn: Wetter.com Widget

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • DSGVO OptIn: Wetter.com Widget

    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
    Zuletzt geändert von tschero; 17.06.2020, 22:25.
    https://www.webdesign24.biz

  • #2
    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
    *********************
    Neu: Kostenloser Contao Installer 3.0
    *********************
    Contao und Erweiterungen in wenigen Sekunden laden, installieren und updaten - ohne Composer oder Contao Manager.

    Kommentar


    • #3
      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.

      Code:
         [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]
      Angehängte Dateien
      Zuletzt geändert von Tim; 18.06.2020, 09:47.
      http://www.premium-contao-themes.com

      Kommentar


      • #4
        Hi Leute,

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

        Gruß
        tschero
        https://www.webdesign24.biz

        Kommentar


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

          Kommentar


          • #6
            Zitat von ab2211 Beitrag anzeigen
            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.
            http://www.premium-contao-themes.com

            Kommentar

            Lädt...
            X