{"id":2110,"date":"2021-03-22T17:23:38","date_gmt":"2021-03-22T16:23:38","guid":{"rendered":"https:\/\/simon.blog\/de\/?p=2110"},"modified":"2021-03-22T17:24:35","modified_gmt":"2021-03-22T16:24:35","slug":"miese-twitter-embeds","status":"publish","type":"post","link":"https:\/\/simon.blog\/de\/2021\/miese-twitter-embeds\/","title":{"rendered":"Weniger miese Twitter-Embeds bitte!"},"content":{"rendered":"\n<p>WordPress erlaubt seit ewigen Zeiten das Einbetten von Inhalten Dritter in Beitr\u00e4gen und auf Seiten. Im alten Editor konnten einfach Links zu Inhalten popul\u00e4rer Dienste wie Twitter, Soundcloud, YouTube etc in den Inhalt eingef\u00fcgt werden. \u00dcber ein pfiffiges, oEmbed genanntes Format war WordPress dann in der Lage die verlinkten Inhalte von den jeweiligen Plattformen abzurufen und auf der eigenen WordPress-Seite einzubetten. Im Block-Editor gibt es eigene Bl\u00f6cke f\u00fcr die jeweiligen Anbieter, am Grundprinzip hat sich an diesem Mechanismus aber nichts ge\u00e4ndert.<\/p>\n\n\n\n<p>Das Ganze ist perfekt, wenn Videos eingebunden, Tweets in einen gr\u00f6\u00dferen Kontext gesetzt oder die eigene Musik pr\u00e4sentiert werden soll. Doch wie so oft ist nicht alles Gold, was gl\u00e4nzt. Negativen Nebeneffekte eingebetteter Inhalte sind vielf\u00e4ltig.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Das Problem mit Embeds<\/h2>\n\n\n\n<p>Was im ersten Moment nicht allen klar sein mag: durch das Einbetten von Inhalten laden wir kleine Websites in iFrames zus\u00e4tzlich zu unserer eigenen Site. In vielen F\u00e4llen hat das einen <a href=\"https:\/\/www.indiehackers.com\/post\/embedded-tweets-take-a-toll-on-your-website-performances-df0515e807\" data-type=\"URL\" data-id=\"https:\/\/www.indiehackers.com\/post\/embedded-tweets-take-a-toll-on-your-website-performances-df0515e807\">deutlich sp\u00fcrbaren negativen Einfluss<\/a> auf die Performance unserer eigenen Website. Viele zus\u00e4tzliche Daten m\u00fcssen \u00fcbertragen und vom Browser der Besucher*innen interpretiert werden. Das Ergebnis sind langsamere Websites und ein <a href=\"https:\/\/simon.blog\/de\/2019\/wordpress-web-und-klima\/\" data-type=\"post\" data-id=\"1941\">deutlich erh\u00f6hter Stromverbrauch<\/a>.<\/p>\n\n\n\n<p>Das zweite gro\u00dfe Problem ist der liebe Datenschutz. Sp\u00e4testens seit der DSGVO wissen wir hoffentlich alle, dass es problematisch ist, Inhalte von Dritten einzubinden. Sobald meine Website mit z.B. eingebettetem Tweet aufgerufen wird, kann Twitter, deren Website \u00fcber den Embed ja auch geladen wird, Besucher*innen meiner Site ebenso tracken wie ich es k\u00f6nnte (aber nicht tue).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die offensichtliche L\u00f6sung<\/h2>\n\n\n\n<p>Wer gelegentlich im Web unterwegs ist, kennt mindestens <s>eine<\/s> <em>zwei<\/em> L\u00f6sungen f\u00fcr dieses Problem. <\/p>\n\n\n\n<p>Die erste w\u00e4re der konsequente Verzicht auf eingebettete Inhalte. F\u00fcr eine Menge Websites ist das eine hervorragende L\u00f6sung.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"349\" src=\"https:\/\/simon.blog\/de\/wp-content\/uploads\/sites\/4\/2021\/03\/netzpolitik-org-tweet.jpg\" alt=\"Screenshot eines Datenschutz-Overlays f\u00fcr einen, auf Netzpolitik.org eingebetteten Tweet.\" class=\"wp-image-2154\" srcset=\"https:\/\/simon.blog\/de\/wp-content\/uploads\/sites\/3\/2021\/03\/netzpolitik-org-tweet.jpg 640w, https:\/\/simon.blog\/de\/wp-content\/uploads\/sites\/3\/2021\/03\/netzpolitik-org-tweet-300x164.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>So wie hier auf <a href=\"https:\/\/netzpolitik.org\/2021\/npp-225-zu-apps-in-der-pandemiestrategie-wer-rettet-uns-vor-der-app\/\">Netzpolitik.org<\/a> verbirgt <em>Embed Privacy<\/em> externe Inhalte schon jetzt hinter einem Platzhalter.<\/figcaption><\/figure>\n\n\n\n<p>Wer nicht auf das Einbetten von Tweets und Co verzichten m\u00f6chte, greift gerne zu einer sogenannten Zwei-Klick-L\u00f6sung. Daf\u00fcr werden eingebettete Inhalte aller Art durch einen Platzhalter ersetzt, der erst nach expliziter Interaktion der Besucher*in durch den externen Inhalt ersetzt wird. <a href=\"https:\/\/epiph.yt\/\" data-type=\"URL\" data-id=\"https:\/\/epiph.yt\/\">Unser<\/a> kostenloses Plugin <em><a href=\"http:\/\/de.wordpress.org\/plugins\/embed-privacy\/\">Embed Privacy<\/a><\/em> tut genau das und bietet damit einen wunderbaren Mittelweg zwischen den Interessen von Publisher*innen und Besucher*innen. Aber das reicht mir noch nicht.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Einen Schritt weiter gedacht<\/h2>\n\n\n\n<p>Eine Zwei-Klick-L\u00f6sung ist hervorragend, verschiebt die beiden genannten Probleme aber nur auf einen sp\u00e4teren Zeitpunkt. Die zus\u00e4tzlichen Daten m\u00fcssen trotzdem \u00fcbertragen, die Privatsph\u00e4re der Besucher*innen trotzdem kompromittiert werden. Beides zwar unter der vollen Kontrolle der Leserschaft, aber dennoch nicht optimal.<\/p>\n\n\n\n<p>Auftritt: Lokales Tweet-Caching. In der neuesten <em>Embed-Privacy<\/em>-Version 1.3, die wir gestern ver\u00f6ffentlicht haben, gibt es eine neue Option, die ab sofort das lokale Zwischenspeichern von Tweets erlaubt. Einmal in WordPress gespeichert, k\u00f6nnen Tweets dann als reines HTML ausgegeben werden. Nach dem Update muss nur noch die Option f\u00fcr &#8222;Lokale Tweets&#8220; auf der Einstellungsseite unter <em>Einstellungen<\/em> \/ <em>Embed Privacy<\/em> aktivier werden. Anschlie\u00dfend werden die lokalen Kopien eingebetteter Tweets wie Blockquotes formatiert. Dank ein wenig eingestreutem Markup lassen sie sich mit wenigen Zeilen CSS aber auch an das eigene Theme-Design anpassen.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"embed-privacy-local-tweet\"><blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\"><p lang=\"de\" dir=\"ltr\">WP Letter #306 ist da \ud83c\udf89<br><br>Diese Woche mit diesen Themen:<br><br>\ud83d\ude0d Schicke System-Fonts <a href=\"https:\/\/twitter.com\/iainmbean?ref_src=twsrc%5Etfw\">@iainmbean<\/a><br>\ud83d\udcb8 WordPress&#8216; Finanzen <br>\ud83d\udd75\ufe0f\u200d\u2642\ufe0f Sicherheit von Elementor <a href=\"https:\/\/twitter.com\/wordfence?ref_src=twsrc%5Etfw\">@wordfence<\/a> <a href=\"https:\/\/t.co\/mOBDHuowF8\">https:\/\/t.co\/mOBDHuowF8<\/a><\/p><cite class=\"embed-privacy-tweet-meta\"><span class=\"embed-privacy-author-meta\">\u2014 WP LETTER (@wpletter) <\/span><a href=\"https:\/\/twitter.com\/wpletter\/status\/1373924404892160000?ref_src=twsrc%5Etfw\">22. M\u00e4rz 2021<\/a><\/cite><\/blockquote><\/div>\n<\/div><figcaption>Ganz ohne schwerf\u00e4lligen Embed-Code oder Overlay k\u00f6nnen Tweets jetzt einfach direkt lokal ausgeliefert werden.<\/figcaption><\/figure>\n\n\n\n<p>Ich bin gespannt, wie Menschen, die sich (anders als ich) tats\u00e4chlich mit Design auskennen mit diesem neuen Tool umgehen werden und freue mich auf ansprechend gestaltete Embeds, die am Ende nicht nur Performance und Datenschutz, sondern auch dem Design einer Website zugute kommen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Das wars schon?<\/h2>\n\n\n\n<p>Ja, das war es im Grunde genommen. Um gleich einen unvermeidlichen Kommentar vorwegzunehmen: ja, Tweets lassen sich auch manuell kopieren und als Text in WordPress einf\u00fcgen. Der Vorteil unserer L\u00f6sung ist, dass der charmante urspr\u00fcngliche Workflow (URL kopieren, in WordPress einf\u00fcgen, fertig) unangetastet bleibt und die ganze Arbeit von Embed Privacy im Hintergrund erledigt wird. Au\u00dferdem greift das Ganze nat\u00fcrlich auch f\u00fcr alle bereits angelegten Embeds.<\/p>\n\n\n\n<p>Auf unserer Wunschliste steht noch das (optionale) lokale Zwischenspeichern von Bildern. In der Zukunft k\u00f6nnte es daf\u00fcr eine weitere Option geben, f\u00fcr den ersten Wurf in Version 1.3 haben wir uns erstmal auf reinen Text beschr\u00e4nkt. <\/p>\n\n\n\n<p><a href=\"http:\/\/de.wordpress.org\/plugins\/embed-privacy\/\">Embed Privacy 1.3 ist ab sofort auf WordPress.org erh\u00e4ltlich.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress erlaubt seit ewigen Zeiten das Einbetten von Inhalten Dritter in Beitr\u00e4gen und auf Seiten. Im alten Editor konnten einfach Links zu Inhalten popul\u00e4rer Dienste wie Twitter, Soundcloud, YouTube etc in den Inhalt eingef\u00fcgt werden. \u00dcber ein pfiffiges, oEmbed genanntes Format war WordPress dann in der Lage die verlinkten Inhalte von den jeweiligen Plattformen abzurufen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wpf_show_in_dewp_planet_feed":true,"webmentions_disabled_pings":false,"webmentions_disabled":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2110","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/posts\/2110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/comments?post=2110"}],"version-history":[{"count":15,"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/posts\/2110\/revisions"}],"predecessor-version":[{"id":2164,"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/posts\/2110\/revisions\/2164"}],"wp:attachment":[{"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/media?parent=2110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/categories?post=2110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simon.blog\/de\/wp-json\/wp\/v2\/tags?post=2110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}