Ich würde gern wissen, wie Euch meine Seite gefällt! Ich habe dazu eine kleine, anonyme Umfrage vorbereitet. Ich würde mich riesig freuen, wenn Ihr Euch 5 Minuten Zeit für die Beantwortung nehmen würdet! Hier könnt Ihr die Umfrage starten.

Herzlichen Dank!

Fotos Pirates 2013

Bis zur neuen Saison ist es noch ein wenig Zeit, auch wenn die Mannschaft schon voll in der Vorbereitung auf die GFL 2 steckt. Zeit, um ein persönliches Best Of meiner Fotos von den Spielen zusammenzustellen. Hier das Ergebnis! Viel Spaß damit!

Social Media Links? Aber sicher!

Moorhuhn

strikes back

Es ist inzwischen Allgemeingut: Die sozialen Netzwerke sammeln so viel Daten wie nur irgend möglich. Jeder Webmaster nutzt gern die Möglichkeiten, die Facebook und Co. für die eigene Seite bieten. Doch die Standard-Codes der Anbieter sind datenschutzrechtlich bedenklich. Dieser Artikel beschreibt, wie man mit statischen Links die Share-Funktion und Datenschutz in Einklang bringen kann.

Von Heise wurde die sogenannte "2-Klick-Lösung" entwickelt (2 Klicks für mehr Datenschutz). Die Idee war, den Javascript-Code (der auch das Tracking übernimmt) der Anbieter erst durch den Nutzer aktivieren zu lassen. Ein Klick zum Aktivieren, einer um die Funktion auszuführen (share, like, tweet, usw.).

Mir gefällt die 2-Klick-Lösung aus mehreren Gründen nicht.

1. Zwei Klicks für eine Aktion sind ein Klick zu viel
2. Man braucht Javascript für die Share-Funktion

Die gute Nachricht

Man kann die Funktionen der jeweiligen API auch mit einfachen, statischen Links ganz ohne Javascript nutzen. Keine Informationen an Facebook & Co, wenn der Nutzer nicht will. Schnellere Ladezeiten ohne Javascript und mit reinem HTML. Ein Klick auf den Link bringt mich direkt zum Ergebnis. Geht doch, oder?!

Der Code

Wir brauchen also nur noch einfaches Markup (und natürlich ein wenig CSS für's Styling). So schaut das dann als HTML-Code bei mir aus:

<div class="share-social-media">
   <div>Diese Seite mit anderen teilen...</div>
   <ul class="social-media-buttons">
      <li><a href="https://twitter.com/intent/tweet?source=webclient&text=myTITLE%20myLINK"
            target="blank" title="Bei Twitter empfehlen"><img src="/path/to/my/images/twitter.png"/></a></li>
      <li><a href="https://www.facebook.com/sharer/sharer.php?u=myLINK&t=myTITLE"
            target="blank" title="Bei Facebook empfehlen"><img src="/path/to/my/images/facebook.png"/></a></li>
      <li><a href="https://plusone.google.com/_/+1/confirm?hl=de&url=myLINK&title=myTITLE"
            target="blank" title="Bei Google+ empfehlen"><img src="/path/to/my/images/googleplus.png"/></a></li>
   </ul>
</div>

Die Links zu den Images müsst Ihr natürlich noch auf Eure Bedürfnisse anpassen. Und in den statischen Links müssen die richtigen Backlinks und Titel eingebaut werden, nämlich die der jeweiligen Seite, auf denen Ihr den Code verwendet. Ersetzt einfach die Zeichen myLINK und myTITLE durch die passenden Werte. Zum Beispiel so:

• myLINK ersetzen durch http://www.horibo.de/about
• myTITLE ersetzen durch Ueber mich

Das war's! Happy Sharing!