| SSH: Nutzernamen, die keine guten sind... » |
Facebook und Co. datenschutzkonform einbinden
Soziale Netzwerke mag man für gut befinden (wobei die Reduktion auf das Schlagwort “gut” natürlich zu kurz greift - aber für eine grundsätzliche Auseinandersetzung ist an dieser Stelle nicht der Raum) oder nicht, sie sind eine Realität.
Und auch wenn man sie persönlich nicht benutzt oder ablehnt: Als Seitenbetreiber möchte man eigentlich nicht auf die Reichweitenerhöhung, die soziale Netzwerke schaffen, verzichten. Wenn einem eh nicht schon alles egal ist, bekommt man als Seitenbetreiber dann aber Bauchschmerzen, wenn man erkennt, wie umfassend Dacebook und Co. Daten sammeln und verknüpfen - und das selbst bei jenen Besuchern, die gar nicht bei den jeweiligen sozialen Netzwerken angemeldet sind.
Aus diesem Grunde gab es auf meinen Blogs bis jetzt keine Social media buttons. Auch Google Analytics wurde nach einer kurzen Zeit der Blauäugigkeit wieder von ihnen verbannt (statt dessen kommt das Open-Source-Analysetool Piwik zum Einsatz). Das ist eben genau der Punkt: Wenn man sich dazu entschließt, Google Analytics nicht zu verwenden, kann man schlecht Google +1-Buttons einbinden. Das ist nicht nur aus datenschutzrechtlicher Sicht unsinnig, es hat auch etwas mit Glaubwürdigkeit zu tun.
Die Frage nach der Verwendung von sozialen Netzwerken ist aber seit einigen Tagen nicht mehr nur eine moralische und auch keine nur akademisch datenschutzrechtliche, sondern eine handfeste. Zumindet in Schleswig-Holstein, nachdem das Unabhängige Landeszentrum für Datenschutz (ULD) dort Seitenbetreiber auffordert, die Weitergabe von Daten an Facebook einzustellen. Diese Weitergabe ist nämlich, das muss man ganz klar sagen, ein Verstoß gegen die gesetzlichen Vorgaben. Bei angedrohten Bußgeldern bis 50.000 € ist die Aufforderung des ULD auch nicht gerade das, was man einen zahnlosen Tiger nennt.
Glücklicherweise gibt es aber Möglichkeiten, soziale Netzwerke datenschutzkonform einzubinden. Führen wir uns zunächst zum Verständnis noch einmal kurz vor Augen, was das Problem der Lösungen, die von den Betreibern sozialer Netzwerke kommen, ist.
Bindet ein Seitenbetreiber beispielsweise einen Facebook-Button auf seiner Seite ein, so ist das nicht nur ein schnöder Link zu Facebook. Vielmehr werden durch das bloße Vorhandensein des Buttons bei jedem Seitenaufruf Daten an Facebook übertragen. Dabei ist es egal, ob der Benutzer bei Facebook Mitglied ist oder nicht. Ist er Mitglied und eingeloggt, werden das Tracking und Aggegration noch umfänglicher. Wohlgemerkt: Was Facebook da genau macht, weiß man nicht. Es ist aber davon auszugehen, dass Facebook alles nimmt, was es bekommen kann und dann auch verwendet.
Needless to say: Facebook dient hier nur als Beispiel. Es kann davon ausgegangen werden, dass alle anderen kommerziellen sozialen Netzwerke ähnlich problematisch arbeiten.
Die Lösung liegt nun darin, statt der von den Betreibern angebotenen Buttons einfach einen Link auf die sozialen Netzwerke zu setzen. So nach dem Motto: Lieber User, wenn du möchtest, teile meinen Artikel auf deinem Facebook-Account. Zu Facebook geht es hier.
Das funktioniert, ist aber für den User lästig, denn er muss die Meldung auf seinem Facebook-Profil selbst erstellen. Da der User aber bequem ist, kann man ihm das abnehmen, indem man in dem Link noch einige Parameter übergibt. Das wären Seitentitel und URL. So muss der bequeme User keine URL hin- und herkopieren.
Bei Facebook sieht das ganze so aus:
http://www.facebook.com/sharer.php?u="URL"&t="TITEL"". "URL" und "TITEL" sind durch den “echten” URL und Titel zu ersetzen. Für diesen Artikel wäre das dann http://www.facebook.com/sharer.php?u=http://blog.pgs-info.de/index.php/2011/08/24/social-media-buttons-datenschutzkonform&t=Facebook und Co. datenschutzkonform einbinden
Für Twitter können noch “VIA” (der Twitter-Account, via den der Tweet läft) und die Sprache, hier bereits fest codiert als lang=de: übergeben werden:
http://twitter.com/share?url="URL"&via="VIA"&text="TITEL">&lang=de
Diaspora (danke an Marc Stenzel / media-deluxe.de) möchte folgendes:
https://joindiaspora.com/bookmarklet?url="URL"&title="TITEL"
Delicious braucht es so:
http://www.delicious.com/save?v=5&noui&jump=close&url="URL"&title="TITEL"
Das ganze noch mit einem Button des jeweiligen sozialen Netzwerks garnieren, und fertig. Was man mit dieser Lösung nicht bekommt: Den Zähler, den die Betreiber der sozialen Netzwerke mitliefern. Aber auch darüber haben sich Leute bereits Gedanken gemacht.
Was ebenfalls nicht funktioniert: Google +1 auf diese Art und Weise einzubinden. Marc Stenzel von media-deluxe.de hat einen anderen Weg gefunden, der allerdings ein wenig Handarbeit erfordert.
Die obige Lösung funktioniert prinzipiell, hat aber noch einen gravierenden Nachteil. Man muss URL und Titel von Hand hartcodiert übergeben. Bei einer statischen Website mit wenigen Seiten ist das noch machbar. Bei großen Projekten oder Blogs kann man aber glücklicherweise die Parameter dynamisch übergeben. Das ganze läßt sich zum Beispiel mit PHP bewerkstelligen. In den jeweiligen Blogsoftwares wiederum kann man bequem die internen Mechanismen zur Übergabe des Permalinks und Titels verwenden.
Ich verwende für meine Blogs b2evolution. Hier sieht der komplette Code so aus:
Code:
<!-- SOCIAL MEDIA BUTTONS --> | |
<div class="socialbox"> | |
| |
<div class="social" style="width: 30px;"><a style="text-decoration:none; border: none;" href="https://joindiaspora.com/bookmarklet?url=<?php echo $Item->get_permanent_url()?>&title=realfragment: <?php echo $Item->title?>"><img style="text-decoration:none; border: none;" src="http://blog.pgs-info.de/images/diaspora.gif" alt="" title="" /></a></div> | |
| |
<div class="social" style="width: 30px;"><a style="text-decoration:none; border: none;" href="http://twitter.com/share?url=<?php echo $Item->get_permanent_url()?>&via=fehler_system&text=Fehler im System: <?php echo $Item->title?>&lang=de" target="_blank"><img src="http://blog.pgs-info.de/images/twitter.gif" alt="" title="" /></a></div> | |
| |
<div class="social" style="width: 30px;"><a style="text-decoration:none; border: none;" href="http://www.facebook.com/sharer.php?u=<?php echo $Item->get_permanent_url()?>&t=<?php echo $Item->title?>" target="_blank"><img src="http://blog.pgs-info.de/images/facebook.gif" alt="" title="" /> | |
</a></div> | |
| |
<div class="social" style="width: 30px;"><a style="text-decoration:none; border: none;" href="http://www.delicious.com/save?v=5&noui&jump=close&url=<?php echo $Item->get_permanent_url()?>&title=<?php echo $Item->title?>" target="_blank" ><img src="http://blog.pgs-info.de/images/delicious.gif" alt="" title="" /> | |
</a></div> | |
| |
</div> | |
<!-- END SOCIAL MEDIA BUTTONS --> |
Die dazugehörigen CSS-Einträge lauten:
Code:
.socialbox { | |
width: 100%; | |
height: 20px; | |
font-size: 10px; | |
color: #000000; | |
background: #F2F2F2; | |
border: 1px solid #DDDDDD; | |
padding-left: 6px; | |
padding-right: 6px; | |
padding-top: 2px; | |
padding-bottom: 2px; | |
margin-top: 10px; | |
} | |
| |
.social { | |
float: left; | |
} | |
| |
.comment { | |
width: 100%; | |
font-size: 10px; | |
color: #000000; | |
background: #F2F2F2; | |
border: 1px solid #DDDDDD; | |
padding-left: 6px; | |
padding-right: 6px; | |
padding-top: 2px; | |
padding-bottom: 6px; | |
margin-top: 10px; | |
} |
Und so sieht das ganze dann aus:
Weitere soziale Netzwerke lassen sich analog auch noch einbinden. Und vielleicht läßt sich ja Google noch dazu herab, eine solche Methode zu unterstützen.
Trackback-Adresse für diesen Eintrag
Trackback-URL (Rechtsklick und Verknüpfungs-/Link-Adresse kopieren)
2 Kommentare
Ich hoffe jedoch inständig, dass der Bund da bald nachzieht und die juristische Lage rund um Facebook und Co endlich abgesteckt wird und man als User und Nutznießer weiß, was tatsächlich Sache ist.
Eine passable Lösung wurde hier erstellt: http://podupti.me/
Ggf. schreib' ich nachher aber mal ne entsprechende Lösung ^^ (Javascript+Cookie halt).
Dein Script funktioniert ja NUR wenn ich bei joindiaspora.com bin, aber ich bin bei pod.geraspora.de.
Oh ach so (quasi Trackback ^^) hergefunden habe ich von hier: https://github.com/diaspora/diaspora/wiki/Tools-to-use-with-Diaspora
Der Eintrag hat 2 auf Moderation wartende Feedbacks...

