{"id":2925,"date":"2022-10-07T15:21:22","date_gmt":"2022-10-07T13:21:22","guid":{"rendered":"https:\/\/ekiwi.de\/?p=2925"},"modified":"2022-10-07T15:54:41","modified_gmt":"2022-10-07T13:54:41","slug":"youtube-videos-dsvgo-konform-einbinden-als-zwei-klick-loesung","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/2925\/youtube-videos-dsvgo-konform-einbinden-als-zwei-klick-loesung\/","title":{"rendered":"YouTube Videos DSVGO konform einbinden als Zwei-Klick-L\u00f6sung"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/index.php\/2925\/youtube-videos-dsvgo-konform-einbinden-als-zwei-klick-loesung\/#Videoanleitung\" >Videoanleitung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/index.php\/2925\/youtube-videos-dsvgo-konform-einbinden-als-zwei-klick-loesung\/#YouTube-Video_und_Google_Server\" >YouTube-Video und Google Server<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/index.php\/2925\/youtube-videos-dsvgo-konform-einbinden-als-zwei-klick-loesung\/#DSGVO_Video-Embedd\" >DSGVO Video-Embedd<\/a><\/li><\/ul><\/nav><\/div>\n<p>YouTube-Videos datenschutzkonform einbinden, so geht es!<\/p>\n<p><!--more--><\/p>\n<p>Heutzutage bekommt man schnell eine Abmahnung im Namen des Datenschutzes, wie <a href=\"https:\/\/ekiwi.de\/index.php\/2912\/vorsicht-abmahnungen-wegen-google-fonts\/\">Abmahnungen f\u00fcr das Einbinden von Google Fonts zeigen<\/a>.<\/p>\n<p>Vermutlich ist es nur eine Frage der Zeit, bis es auch andere Bereiche betrifft, wie z.B. das beliebte Einbinden von YouTube-Videos in die Webseite. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"Videoanleitung\"><\/span>Videoanleitung<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/GMFBmscexHU\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h2><span class=\"ez-toc-section\" id=\"YouTube-Video_und_Google_Server\"><\/span>YouTube-Video und Google Server<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Binden wir die Videos mit dem normalen Einbettungs-Code ein, wird das Video direkt geladen. Es wird Kontakt mit den Servern von YouTube aufgenommen und damit die IP-Adresse des Anwenders an Google \u00fcbertragen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/10\/youtube_1.png\" alt=\"\" width=\"1054\" height=\"438\" class=\"alignnone size-full wp-image-2926\" srcset=\"\/wp-content\/uploads\/2022\/10\/youtube_1.png 1054w, \/wp-content\/uploads\/2022\/10\/youtube_1-300x125.png 300w, \/wp-content\/uploads\/2022\/10\/youtube_1-1024x426.png 1024w, \/wp-content\/uploads\/2022\/10\/youtube_1-768x319.png 768w\" sizes=\"auto, (max-width: 1054px) 100vw, 1054px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"DSGVO_Video-Embedd\"><\/span>DSGVO Video-Embedd<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Die bessere Methode ist, die Videos erst nach einem Best\u00e4tigungsklick zu laden. Dies erlaubt die Java-Script L\u00f6sung &#8222;<a href=\"https:\/\/github.com\/a-v-l\/dsgvo-video-embed\" target=\"_blank\" rel=\"noopener\">DSGVO Video-Embed<\/a>&#8222;. Die kostenlose Open-Source-Software stellt eine CSS und Java-Script-Datei zur Verf\u00fcgung.<\/p>\n<p>F\u00fcr die Verwendung laden wir die Software von GitHub herunter. Wir ben\u00f6tigen zwei Dateien.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/10\/youtube_2.png\" alt=\"\" width=\"757\" height=\"248\" class=\"alignnone size-full wp-image-2927\" srcset=\"\/wp-content\/uploads\/2022\/10\/youtube_2.png 757w, \/wp-content\/uploads\/2022\/10\/youtube_2-300x98.png 300w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/p>\n<p>Diese binden wir einfach in den Head-Bereich unserer HTML-Datei bzw. Webseite ein. <\/p>\n<pre>&lt;link rel=&quot;stylesheet&quot; href=&quot;dsgvo-video-embed.min.css&quot;&gt;\r\n&lt;script src=&quot;dsgvo-video-embed.min.js&quot;&gt;&lt;\/script&gt;<\/pre>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/10\/youtube_3.png\" alt=\"\" width=\"620\" height=\"339\" class=\"alignnone size-full wp-image-2928\" srcset=\"\/wp-content\/uploads\/2022\/10\/youtube_3.png 620w, \/wp-content\/uploads\/2022\/10\/youtube_3-300x164.png 300w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Viel mehr ist nicht zu tun, anschlie\u00dfend werden die Videos standardm\u00e4\u00dfig nicht geladen und eine alternative Oberfl\u00e4che angezeigt. Schauen wir in die Netzwerkanalyse des Webbrowsers, sehen wir auch, dass kein Kontakt zu den YouTube-Servern hergestellt wird.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/10\/youtube_4.png\" alt=\"\" width=\"1106\" height=\"450\" class=\"alignnone size-full wp-image-2929\" srcset=\"\/wp-content\/uploads\/2022\/10\/youtube_4.png 1106w, \/wp-content\/uploads\/2022\/10\/youtube_4-300x122.png 300w, \/wp-content\/uploads\/2022\/10\/youtube_4-1024x417.png 1024w, \/wp-content\/uploads\/2022\/10\/youtube_4-768x312.png 768w\" sizes=\"auto, (max-width: 1106px) 100vw, 1106px\" \/><\/p>\n<p>Erst, wenn der Anwender bewusst klickt, wird das Video geladen.<\/p>","protected":false},"excerpt":{"rendered":"<p>YouTube-Videos datenschutzkonform einbinden, so geht es!<\/p>\n","protected":false},"author":1,"featured_media":574,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5,15],"tags":[68,613,56],"class_list":["post-2925","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl","category-javascript","tag-datenschutz","tag-dsgvo","tag-youtube"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/2925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=2925"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/2925\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/574"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=2925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=2925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=2925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}