{"id":1987,"date":"2011-07-18T14:31:53","date_gmt":"2011-07-18T12:31:53","guid":{"rendered":"http:\/\/www.media-deluxe.de\/blog\/?p=1987"},"modified":"2016-04-20T06:19:12","modified_gmt":"2016-04-20T04:19:12","slug":"datenschutz-konformer-diaspora-social-media-button","status":"publish","type":"post","link":"https:\/\/www.media-deluxe.de\/blog\/2011\/07\/datenschutz-konformer-diaspora-social-media-button\/","title":{"rendered":"Datenschutzkonformer Social Media Button f\u00fcr Diaspora"},"content":{"rendered":"<p>In diesem Moment k\u00f6nnen Diaspora-Mitglieder Invites zur Alpha-Version von <a href=\"https:\/\/joindiaspora.com\/\" target=\"_blank\" rel=\"nofollow\">Diaspora<\/a> versenden, und die elementaren Grundfunktionen dieses quelloffenen verteilten sozialen Netzwerks scheinen zuverl\u00e4ssig zu funktionieren. Gravierende \u00c4hnlichkeiten mit Facebook sind un\u00fcbersehbar und wohl nicht ganz zuf\u00e4llig: <a href=\"https:\/\/joindiaspora.com\/u\/marcstenzel\" target=\"_blank\" rel=\"nofollow\">Marc Stenzel auf Diaspora<\/a><\/p>\n<blockquote style=\"color:red\"><p>Ich versende auf Wunsch Invites zu Diaspora. Einfach unten einen entsprechenden Kommentar schreiben, der Versand der Einladungen erfolgt an die jeweils angegebene E-Mail-Adresse (also Mail-Adresse m\u00f6glichst nicht zus\u00e4tzlich im Text posten).<\/p><\/blockquote>\n<p> <!--more--><\/p>\n<p>Die gegenw\u00e4rtige Oberfl\u00e4che von Diaspora (Ausschnitt):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/diaspora-stream.jpg\" alt=\"\" title=\"diaspora-stream\" width=\"590\" height=\"630\" class=\"alignnone size-full wp-image-2000\" srcset=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/diaspora-stream.jpg 590w, https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/diaspora-stream-280x300.jpg 280w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/p>\n<p>Da Diaspora somit tats\u00e4chlich sp\u00fcrbar von einem hypothetischen in einen manifesten Aggregatzustand wechselt, liefere ich hier die Anleitung zu einer datenschutzkonformen Einbindung des entsprechenden Social Media Buttons:<\/p>\n<h2>Integration des Diaspora Buttons in Websites<\/h2>\n<p>Das Einbinden des Diaspora Social Media Buttons (&#8222;Post to Diaspora!&#8220;) folgt dem gleichen Muster nach dem beispielsweise auch der Facebook- oder XING-Button unter Achtung von Datenschutz-Belangen eingebunden werden kann: Ein passendes Symbolbild wird so verlinkt, dass Informationen an das jeweilige Social Network erst dann weitergeleitet werden, wenn der User das entsprechende Icon anklickt (siehe auch: <a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/07\/den-google-1-button-datenschutzkonform-integrieren\/\">Den Google +1 Button datenschutzkonform integrieren<\/a>.):<\/p>\n<p><code>https:\/\/joindiaspora.com\/bookmarklet?url=URL&title=TITLE<\/code><\/p>\n<p>URL und TITLE m\u00fcssen gem\u00e4\u00df RFC 1738 kodiert sein. Zur Optimierung kann der Link beispielsweise noch durch die Angabe eines Zielfensters (target=&#8220;_blank&#8220;) oder durch das Microformat rel=&#8220;nofollow&#8220; erg\u00e4nzt werden.<\/p>\n<p>Folgenderma\u00dfen k\u00f6nnte eine entsprechende JavaScript-Funktion aussehen<sup><a href=\"#footnote1\">1<\/a><\/sup>:<\/p>\n<p><code>function post2Diaspora() {<br \/>\ndocument.write('&lt;a title=\"Post to Diaspora!\" href=\"https:\/\/joindiaspora.com\/bookmarklet?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title)\"&gt;&lt;img src=\"post2diaspora.png\" width=\"16\" height=\"16\" alt=\"Post to Diaspora!\" \/&gt;&lt;\/a&gt;');<br \/>\n}<\/code><\/p>\n<p>Der Aufruf der Funktion im HTML-Quelltext s\u00e4he dann so aus:<br \/>\n<code>&lt;script type='text\/javascript'&gt;post2Diaspora();&lt;\/script&gt;<\/code><\/p>\n<p>Muster f\u00fcr entsprechende Array-Elemente in PHP:<\/p>\n<p><code>'name' => 'diaspora',<br \/>\n'link' => 'https:\/\/joindiaspora.com\/bookmarklet?url=URL&title=TITLE',<br \/>\n'icon' => 'post2diaspora.png',<br \/>\n'description' => 'Post to Diaspora!',<\/code><\/p>\n<p>Auch in diesem Beispiel m\u00fcssen URL und TITLE gem\u00e4\u00df RFC 1738 kodiert sein.<\/p>\n<h3>Diaspora Muster-Icons<\/h3>\n<p>Als Icons hier zwei Muster mit je 16&#215;16 Pixeln Gr\u00f6\u00dfe:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/post2diaspora-hi.png\" alt=\"Post to Diaspora!\" title=\"Post to Diaspora!\" width=\"16\" height=\"16\" class=\"alignnone size-full wp-image-2011\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/post2diaspora-lo.png\" alt=\"Post to Diaspora!\" title=\"Post to Diaspora!\" width=\"16\" height=\"16\" class=\"alignnone size-full wp-image-2012\" \/><\/p>\n<h3>Diaspora Bookmarklet<\/h3>\n<p>Diaspora stellt ein Bookmarklet bereit, das um weitere Funktionen bereichert ist, beispielsweise der \u00dcbernahme auf einer Webseite selektierten Textes. Meinen Tests nach erleichtert dieses aufw\u00e4ndigere Konstrukt (gegenw\u00e4rtig) weder die Bedienung noch erh\u00f6ht es die Zuverl\u00e4ssigkeit; das Bookmarklet kann jedoch als Inspirationsquelle f\u00fcr weitere Optimierungen bzw. als Hilfestellung bei Bugs dienen: <a href=\"javascript:(function(){f='https:\/\/joindiaspora.com\/bookmarklet?url='+encodeURIComponent(window.location.href)+'&#038;title='+encodeURIComponent(document.title)+'&#038;notes='+encodeURIComponent(''+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text))+'&#038;v=1&#038;';a=function(){if(!window.open(f+'noui=1&#038;jump=doclose','diasporav1','location=yes,links=no,scrollbars=no,toolbar=no,width=620,height=250'))location.href=f+'jump=yes'};if(\/Firefox\/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()\">Bookmarklet<\/a> (Linkadresse kopieren). An diesem Script wurde bisweilen rumgeschraubt, da es nicht zuverl\u00e4ssig funktionierte. M\u00f6glicherweise existiert also mittlerweile eine aktualisierte Version davon. Man findet sie, wenn man bei Diaspora eingeloggt ist, in der rechten Spalte, unter der \u00dcberschrift &#8222;Bookmarklet&#8220;.<\/p>\n<h2>Handhabung: Link in Diaspora teilen<\/h2>\n<p>Wenn man bereits in Diaspora eingeloggt ist, erh\u00e4lt man nach dem Klick auf den &#8222;Post to Diaspora!&#8220; Button ein Fenster, in dem man festlegen kann ob der Link \u00f6ffentlich sein soll oder nur f\u00fcr eine bestimmte Personengruppe (&#8222;Aspekt&#8220;) bestimmt ist:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/post2diaspora-erstelle-beitrag.png\" alt=\"\" title=\"post2diaspora-erstelle-beitrag\" width=\"590\" height=\"237\" class=\"alignnone size-full wp-image-2022\" srcset=\"https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/post2diaspora-erstelle-beitrag.png 590w, https:\/\/www.media-deluxe.de\/blog\/wp-content\/uploads\/2011\/07\/post2diaspora-erstelle-beitrag-300x120.png 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/p>\n<p>Sofern man bei Anklicken des Buttons noch nicht eingeloggt war, erh\u00e4lt man zun\u00e4chst den Login-Screen, und nach dem Login erscheint das obige Fenster. Allerdings ist diese Maske noch nicht ganz ausgereift, denn es gibt im Moment keine M\u00f6glichkeit, nach Absenden des Beitrags direkt in den Haupt-Screen von Diaspora zu wechseln, da dessen Men\u00fcleiste in diesem Fenster nicht sichtbar ist.<\/p>\n<hr \/>\n<p><a name=\"footnote1\"><\/a>Fu\u00dfnote 1:<br \/>\nBei dynamischen, mit CMS erzeugten Websites ist <code>encodeURIComponent(window.location.href)<\/code> nicht optimal, stattdessen sollte die gem\u00e4\u00df RFC 1738 kodierte Canonical URL verwendet werden. Diese l\u00e4sst sich (sofern spezifiziert) entweder aus dem CMS direkt beziehen oder \u00fcber eine JavaScript-Funktion abfragen.\n<\/p>\n<div id=\"similarblogposts\">\n<hr \/>\n<div class=\"block\">\n<h5>\u00c4hnliche Artikel<\/h5>\n<ul>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/09\/datenschutz-vertraegliche-facebook-share-und-like-buttons\/\">Datenschutz-vertr\u00e4gliche Facebook Share- und Like-Buttons<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/07\/den-google-1-button-datenschutzkonform-integrieren\/\">Den Google +1 Button datenschutzkonform integrieren<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/03\/mckinsey-studie-vernetzte-unternehmen-web-2-0-zahlt-sich-aus\/\">McKinsey Studie: Vernetzte Unternehmen \u2013 Web 2.0 zahlt sich aus<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/03\/26-und-27-05-2011-social-media-seminar-in-frankfurt\/\">26. und 27.05.2011 Social Media Seminar in Frankfurt<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/02\/reduzierung-innerbetrieblicher-e-mails-mit-social-software\/\">Reduzierung innerbetrieblicher E-Mails mit Social Software<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/top-secret-trends-in-den-labs-von-facebook-und-co-health-2-0\/\">Top Secret Trends in den Labs von Facebook und Co: Health 2.0<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/social-media-integration-fuer-callcenter\/\">Social Media Integration f\u00fcr Callcenter<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/wie-den-facebook-account-loeschen\/\">Wie den Facebook Account l\u00f6schen?<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/01\/how-to-profilfbild-fuer-facebook-unternehmensseite\/\">How-To: Profilbild f\u00fcr Facebook Unternehmensseite<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2010\/12\/adtaily-social-sponsoring-tool-marketplace-zahlungsmittel\/\">Social Sponsoring Tool AdTaily<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/03\/facebook-news-fanpages-verschwunden-nutzernamen-anmeldung-unmoeglich-4-cent-pro-like\/\">Facebook News: Fans kaufen &#8211; Fanpages verschwunden &#8211; Nutzernamen-Anmeldung unm\u00f6glich<\/a><\/li>\n<li><a href=\"https:\/\/www.media-deluxe.de\/blog\/2010\/10\/rss-fur-recherche-profis-teil-1\/\">RSS f\u00fcr Recherche-Profis \u2013 Teil 1<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Moment k\u00f6nnen Diaspora-Mitglieder Invites zur Alpha-Version von Diaspora versenden, und die elementaren Grundfunktionen dieses quelloffenen verteilten sozialen Netzwerks scheinen zuverl\u00e4ssig zu funktionieren. Gravierende \u00c4hnlichkeiten mit Facebook sind un\u00fcbersehbar und wohl nicht ganz zuf\u00e4llig: Marc Stenzel auf Diaspora Ich &hellip; <a class=\"more-link\" href=\"https:\/\/www.media-deluxe.de\/blog\/2011\/07\/datenschutz-konformer-diaspora-social-media-button\/\"> Weiter&#8230;<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,5,37,6,4],"tags":[213,230,54,231,192,68,138],"class_list":["post-1987","post","type-post","status-publish","format-standard","hentry","category-e-business","category-marketing","category-projektmanagement","category-social_media","category-webdesign","tag-datenschutz","tag-diaspora","tag-seo","tag-social-media-buttons","tag-social-software","tag-tutorial","tag-web-2-0"],"_links":{"self":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/1987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/comments?post=1987"}],"version-history":[{"count":1,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/1987\/revisions"}],"predecessor-version":[{"id":3906,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/posts\/1987\/revisions\/3906"}],"wp:attachment":[{"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/media?parent=1987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/categories?post=1987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.media-deluxe.de\/blog\/wp-json\/wp\/v2\/tags?post=1987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}