Contao-Camp 2024
Ergebnis 1 bis 34 von 34

Thema: Contao 4: Elementyp YouTube DSGVO-konform einbinden

  1. #1
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard Contao 4: Elementyp YouTube DSGVO-konform einbinden

    Hi,

    wenn man über Elementtyp YouTube ein Video DSGVO-konform einbinden möchte,
    was muß man da beachten?

    Bei YouTube selber gibt es unter "Teilen > Einbetten" den Punkt "Erweitertet Datenschutzmodus".
    Der dabei generierte Link schaut so aus: www.youtube-nocookie.com/embed/xxx

    Sie lässt sich das im Contao Element Youtube umsetzen?

  2. #2
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Soweit ich weiss ist das doch in Contao 4 im Rahmen der DSGVO-Änderungen bereits so umgesetzt: https://github.com/friends-of-contao/contao-privacy

  3. #3
    Contao-Fan Avatar von designpilot
    Registriert seit
    16.06.2013.
    Ort
    9532 Rickenbach bei Wil
    Beiträge
    272
    Contao-Projekt unterstützen

    Support Contao

    Standard

    @Lucina
    Das DSGVO ist in friends-of-contao/contao-privacy integriert.

    Bezüglich der rechtssicheren Einbindung des YouTube Links gibt es da auch ein Modul (ich glaube das müsste von fritzmg sein) fritzmg/contao-youtube-iframe


    Gesendet von iPhone mit Tapatalk Pro

  4. #4
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard

    @lucina:
    Danke für den Hinweis.

    Auf Github steht:
    YouTube no-cookie

    Added a checkbox to the YouTube module to switch between standard and no-cookie embedment variant.
    Übersetz: Dem YouTube-Modul wurde ein Kontrollkästchen hinzugefügt, um zwischen der Standard- und der Nicht-Cookie-Einbettungsvariante zu wechseln.

    Ich habe Contao 4.5.4 laufen, finde aber da in dem Inhaltselement Youtube kein solches Kontrollkästchen.
    Muß da noch irgendwo anders etwas installiert / aktiviert / eingebunden werden?


    Hier mal mein Screen:
    Unbenannt-2.jpg
    Geändert von Schnippel (28.09.2018 um 09:24 Uhr)

  5. #5
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hast Du denn die von mir erwähnte Privacy-Extension installiert?

  6. #6
    Contao-Nutzer Avatar von Joern
    Registriert seit
    14.09.2018.
    Beiträge
    130

    Standard

    Zitat Zitat von Schnippel Beitrag anzeigen
    @lucina:
    Danke für den Hinweis.

    Auf Github steht:

    Übersetz: Dem YouTube-Modul wurde ein Kontrollkästchen hinzugefügt, um zwischen der Standard- und der Nicht-Cookie-Einbettungsvariante zu wechseln.

    Ich habe Contao 4.5.4 laufen, finde aber da in dem Inhaltselement Youtube kein solches Kontrollkästchen.
    Muß da noch irgendwo anders etwas installiert / aktiviert / eingebunden werden?
    Bei Contao 4.6.5 gibt es beim Youtube-Modul drei weitere Kontrollkästchen:

    • Autoplay
    • Steuerelemente verbergen
    • ...
    • Die youtube-nocookie.com-Domain verwenden


    Bei einem Upgrade auf Contao 4.6.5 besteht an dieser Stelle kein Bedarf mehr für eine zusätzliche Erweiterung.

  7. #7
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Wenn du verhindern möchtest, dass zumindest die IP eines Besuchers deiner Website sofort an Google gesendet wird, reicht das jedoch nicht. Dazu bräuchtest du das Splash Image Feature aus der contao-privacy Extension.

  8. #8
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard

    Hast Du denn die von mir erwähnte Privacy-Extension installiert?
    Bisher hab ich nur das Inhaltselement Youtube im BE.. in Verwendung.

    Wenn ich das jetzt hier richtig lese, wäre meine ToDo-Liste:

    1. Update auf 4.6.5
    2. die Erweiterung "Privacy-Extension" über den Contao-Manager installieren?

    Ich mach das dann erstmal..

  9. #9
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Die "contao-privacy" Extension ist nicht mit Contao 4.6 kompatibel. Wie diesbezüglich weiter vorgegangen wird ist noch unklar.

  10. #10
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard

    Danke für den Hinweis..

  11. #11
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Wenn du verhindern möchtest, dass zumindest die IP eines Besuchers deiner Website sofort an Google gesendet wird, reicht das jedoch nicht. Dazu bräuchtest du das Splash Image Feature aus der contao-privacy Extension.
    Hallo Spooky,

    genau das habe ich eben gemacht, aber das Bild wird nicht geladen / angezeigt.
    Ich habe dazu eine Issue angelegt: https://github.com/friends-of-contao...vacy/issues/42

    Klappt das bei euch unter Contao 4.4.26 und dem Privacy Bundle 2.0.0 beta 6?
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  12. #12
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Zitat Zitat von planepix Beitrag anzeigen
    Klappt das bei euch unter Contao 4.4.26 und dem Privacy Bundle 2.0.0 beta 6?
    Habe das "Privacy Bundle 2.0.0 beta 6" zur Zeit noch in Verbindung mit einer Contao 4.4.24 - da funktioniert das mit dem Splash-Screen bei mir ...
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  13. #13
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Evt. hast du ein eigenes Template? Oder noch eine andere Extension, die ein eigenes Template mitbringt.

  14. #14
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Zitat Zitat von Franko Beitrag anzeigen
    Habe das "Privacy Bundle 2.0.0 beta 6" zur Zeit noch in Verbindung mit einer Contao 4.4.24 - da funktioniert das mit dem Splash-Screen bei mir ...
    Gerade die Site lokal ( docker ) via CM auf die 4.4.26 gehoben - geht auch ...
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  15. #15
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Danke dir für deine Rückmeldung.

    Ich habe es in einer eigenen Testumgebung auch konfigurieren können.
    Und vermutlich hab ich den Fehler gefunden…

    Es war gleichzeitig wohl noch die Erweiterung youtube-iframe installiert.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  16. #16
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Ich habe das template "friends-of-contao/contao-privacy/ce_youtube.html5" entsprechend den Angaben
    von kulturbanause wie folgt geändert - evtl. kann es ja jemand gebrauchen:

    ce_youtube_responsive.html5:
    PHP-Code:
    <?php $this->extend('block_unsearchable'); ?>

    <?php $this->block('content'); ?>

      <?php if ($this->videoSplash): ?><div class="yt_wrapper">
        <figure id="videoSplash<?= $this->id ?>" class="image_container" data-video="<?= $this->src ?>">
          <?php $this->insert('picture_default'$this->splashImage->picture); ?>
        </figure></div>
        <script>
          document.getElementById('videoSplash<?= $this->id ?>').addEventListener('click', function(e) {
            var iframe = document.createElement('iframe');
            iframe.src = this.dataset['video'];
            iframe.width = <?= $this->width ?>;
            iframe.height = <?= $this->height ?>;        
            iframe.setAttribute('allowfullscreen', '');
            this.parentNode.replaceChild(iframe, this);
          });
        </script>
      <?php else: ?>
        <div class="yt_wrapper"><iframe <?= $this->size ?> src="<?= $this->src ?>" allowfullscreen></iframe></div>
      <?php endif; ?>

    <?php $this->endblock(); ?>
    Und dann im CSS:

    Code:
    .ce_youtube .yt_wrapper {
      position: relative;
      padding-bottom: 56%;
      padding-top: 0px;
      height: 0px;
      overflow: hidden;
      cursor: pointer
    }
    
    .ce_youtube .yt_wrapper figure img,.ce_youtube .yt_wrapper iframe,.ce_youtube .yt_wrapper object,.ce_youtube .yt_wrapper embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  17. #17
    Contao-Fan Avatar von designpilot
    Registriert seit
    16.06.2013.
    Ort
    9532 Rickenbach bei Wil
    Beiträge
    272
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Franko Beitrag anzeigen
    Ich habe das template "friends-of-contao/contao-privacy/ce_youtube.html5" entsprechend den Angaben
    von kulturbanause wie folgt geändert - evtl. kann es ja jemand gebrauchen:

    ce_youtube_responsive.html5:
    PHP-Code:
    <?php $this->extend('block_unsearchable'); ?>

    <?php $this->block('content'); ?>

      <?php if ($this->videoSplash): ?><div class="yt_wrapper">
        <figure id="videoSplash<?= $this->id ?>" class="image_container" data-video="<?= $this->src ?>">
          <?php $this->insert('picture_default'$this->splashImage->picture); ?>
        </figure></div>
        <script>
          document.getElementById('videoSplash<?= $this->id ?>').addEventListener('click', function(e) {
            var iframe = document.createElement('iframe');
            iframe.src = this.dataset['video'];
            iframe.width = <?= $this->width ?>;
            iframe.height = <?= $this->height ?>;        
            iframe.setAttribute('allowfullscreen', '');
            this.parentNode.replaceChild(iframe, this);
          });
        </script>
      <?php else: ?>
        <div class="yt_wrapper"><iframe <?= $this->size ?> src="<?= $this->src ?>" allowfullscreen></iframe></div>
      <?php endif; ?>

    <?php $this->endblock(); ?>
    Und dann im CSS:

    Code:
    .ce_youtube .yt_wrapper {
      position: relative;
      padding-bottom: 56%;
      padding-top: 0px;
      height: 0px;
      overflow: hidden;
      cursor: pointer
    }
    
    .ce_youtube .yt_wrapper figure img,.ce_youtube .yt_wrapper iframe,.ce_youtube .yt_wrapper object,.ce_youtube .yt_wrapper embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }
    Werde mir das auch noch ansehen danke Dir viel mals


    Gesendet von iPhone mit Tapatalk Pro

  18. #18
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Zitat Zitat von designpilot Beitrag anzeigen
    Werde mir das auch noch ansehen danke Dir viel mals
    Gesendet von iPhone mit Tapatalk Pro
    In Verbindung mit einem Grid macht es was es soll - Sample: https://www.hinrichrosenbrock.de/gar...pps-video.html (hier mit dem EUF-Grid) ...
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  19. #19
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Das obige CSS Sample nutzt die übliche Umsetzung eines Aspect-Ratio - hier 16:9.
    Benötigt man andere (4:3 etc.) siehe:

    https://css-tricks.com/aspect-ratio-boxes/
    https://codepen.io/onge/pen/MaqwBK
    https://stackoverflow.com/questions/...a-div-with-css
    https://www.w3schools.com/howto/howt...pect_ratio.asp

    ...
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  20. #20
    Contao-Fan
    Registriert seit
    20.06.2009.
    Beiträge
    563

    Standard

    Ist es noch aktuell, dass ich mit Contao 4.4 zusätzlich zu Youtubeiframe auch das Paket friends-of-contao/contao-privacy installieren muss, um die youtube-nocookie.vom zu nutzen?
    Viele Grüße
    Shania

  21. #21
    Contao-Fan
    Registriert seit
    20.06.2009.
    Beiträge
    563

    Standard

    Ich habe nun versucht das Paket friends-of-contao/contao-privacy mit contao 4.4 und Youtube iframe zu installieren und bekommen diese Fehlermeldung im Manager bei einem DryRun:

    privacy.JPG

    Wo finde ich das Protokoll der Console? Oder passt das einfach nicht zusammen?
    Viele Grüße
    Shania

  22. #22
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Klicke rechts oben auf < >

  23. #23
    Contao-Fan
    Registriert seit
    20.06.2009.
    Beiträge
    563

    Standard

    Ah, ok, danke, dann weiß ich beim nächsten mal Bescheid . Eigentlich möchte ich dieses Paket nicht mehr installieren, sofern dieses hier funktioniert, wie sie sollte:

    https://community.contao.org/de/show...l=1#post504138

    Das Youtube iframe ist doch von dir oder? Das hatte ich auch schon 3.5. und da funktioniert das auch mit nocookie. Vielleicht hast du ja eine Idee, wo es in 4.4 klemmen könnte.
    Viele Grüße
    Shania

  24. #24
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    In Contao 4.4 kommt die YouTube Domain direkt aus dem Core, daher wird dort auch nicht automatisch die nocookie Domain verwendet, wenn man die Extension im Einsatz hat. Daher brauchst du die Privacy Extension.

  25. #25
    Contao-Fan
    Registriert seit
    20.06.2009.
    Beiträge
    563

    Standard

    Ok, ich habe nochmal einen Testlauf gemacht und nun wieder einen Abbruch mit diesem Hinweis:

    Code:
    $ /usr/bin/php71 '-q' '/www/htdocs/***/web/contao-manager.phar.php' 'composer' 'require' 'friends-of-contao/contao-privacy' '--no-suggest' '--no-update' '--no-scripts' '--prefer-stable' '--sort-packages' '--no-ansi' '--no-interaction' 2>&1
    
    
    In InitCommand.php line 737:
                                                                                   
      Could not find a version of package friends-of-contao/contao-privacy matchi  
      ng your minimum-stability (stable). Require it with an explicit version con  
      straint allowing its desired stability.                                      
                                                                                   
    
    require [--dev] [--prefer-source] [--prefer-dist] [--no-progress] [--no-suggest] [--no-update] [--no-scripts] [--update-no-dev] [--update-with-dependencies] [--update-with-all-dependencies] [--ignore-platform-reqs] [--prefer-stable] [--prefer-lowest] [--sort-packages] [-o|--optimize-autoloader] [-a|--classmap-authoritative] [--apcu-autoloader] [--] [<packages>]...
    
    
    # Process terminated with exit code 1
    # Result: General error
    
    
    ---
    
    ### The background task has stopped unexpectedly ###
    Die Version scheint mit der aktuellen 4.4 nicht zu passen.
    Viele Grüße
    Shania

  26. #26
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Du musst ^2.0@beta requiren.

  27. #27
    Contao-Fan
    Registriert seit
    20.06.2009.
    Beiträge
    563

    Standard

    Sorry, bin noch ganz neu mit dem Manager. Wie mache ich das genau? Ich kann zwar bei "latest version" etwas eintragen, aber installieren kann kann ich dann dennoch nichts.
    Viele Grüße
    Shania

  28. #28
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

  29. #29
    Contao-Fan
    Registriert seit
    20.06.2009.
    Beiträge
    563

    Standard

    Ja, mega, danke dir wie verrückt! Direkt mit Video. Das ist genau richtig für einen DAU wie mich .

    Installation hat geklappt und Video läuft nun mit nocookie und ist auch responsive ! Danke!
    Viele Grüße
    Shania

  30. #30
    Contao-Fan Avatar von Hoch-3
    Registriert seit
    16.11.2010.
    Ort
    Zürich
    Beiträge
    373
    Partner-ID
    7136

    Standard ce_youtube Titel nach Video

    Hallo

    Dumme Frage: Wo kann ich beeinflussen, dass der Titel im ce_youtube nach dem Youtube-Video angezeigt wird?

  31. #31

  32. #32
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zitat Zitat von Hoch-3 Beitrag anzeigen
    Hallo

    Dumme Frage: Wo kann ich beeinflussen, dass der Titel im ce_youtube nach dem Youtube-Video angezeigt wird?
    Einfach im ce_youtube Template so festlegen.

  33. #33
    Contao-Fan Avatar von Hoch-3
    Registriert seit
    16.11.2010.
    Ort
    Zürich
    Beiträge
    373
    Partner-ID
    7136

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Einfach im ce_youtube Template so festlegen.
    Das hat nicht geklappt. Habs dann mit CSS gelöst.

    .ce_youtube {
    display: flex;
    flex-flow: column;
    }

    .ce_youtube h2 {
    order: 2;
    }

    .ce_youtube .video-container {
    order: 1;
    }

  34. #34
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.896
    Partner-ID
    10107

    Standard

    Zitat Zitat von Hoch-3 Beitrag anzeigen
    Das hat nicht geklappt.
    In wie fern?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •