Banner

Datenschutz und Werbung


Social Network (Google Plus, Facebook)-Buttons

Verschiedene soziale Netzwerke bieten "Like"-Buttons, "+1-Buttons" oder ähnliche Tools an. Diese können natürlich eingesetzt werden, um die Bekanntheit der eigenen Homepage zu erhöhen, wenn dies von den Besuchern genutzt wird. Jedoch ist Vorsicht geboten. Jeder Besucher sendet damit automatisch beim Aufruf des Internetauftritts auch Daten an die Netzwerke.
Dies kann jedoch verhindert werden mit der dafür empfohlenen 2-Click-Methode. Dabei wird der eigentliche Network-Button mit einem Internetauftritts-eigenem Button ersetzt, der erst beim ausdrücklichen anklicken dann nachgeladen wird. Tolle Sache für den Datenschutz.

2-Click Methode: Google Plus und Facebook

Im Folgenden will ich ein Beispiel für eine Umsetzung der 2-Click-Methode aufzeigen. Es gibt noch einige weitere Varianten.

Der nachfolgende Code betrifft den HTML-Head und da muss dieser auch stehen.

<style type="text/css"><!-- .social { position:relative; margin-top:10px; } .sprite-googleplus{ background:url(media/horizontal-sprite.png) -18px 0px; width: 32px; height: 20px; float:left; margin-right:10px; position:absolute; top:0px; left:0px; } .facebook { width:148px; height:20px; float:left; position:absolute; top:0px; left: 50px; } --></style> <script type='text/javascript'> function fb_show(element){ element.getElementsByTagName('a')[0].style.display = 'none'; fb_render (document, 'script', 'facebook-jssdk'); } function fb_render(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); } </script> <script type='text/javascript'> function renderPlusone(element) { gapi.plusone.render('plusone-div',{'size': 'medium', 'annotation': 'none'}); element.getElementsByTagName('span')[0].style.display = 'none'; } </script>

Dabei werden zuerst einige CSS-Klassen definiert.
.social stellt eine Leiste dar, an der die verschiedenen Buttons dann ausgerichtet werden.
.sprite-googleplus und .facebook definieren die eigenen Buttons.
Im folgenden habe ich die vorgefertigte Facebook-Funktion modifiziert, sodass diese aufgerufen werden kann, sobald der eigene Button angeklickt wird und nicht automatisch beim Laden der Seite.
Google Plus stellt eine entsprechende Funktion schon mit dem +1-Schaltflächen-Konfigurator bereit. Danke Google =)

Nun ist die Vorarbeit getan. Zeit, unsere Buttons an einer Stelle unseres Internetauftritts einzufügen. Das passiert natürlich an der gewünschten Stelle im HTML-Body.

<div class='social'> <div onclick='javascript:fb_show(this)' class='facebook'> <a href='#'><img src='media/fb.gif' alt='Like' /></a> <div class='fb-like' data-send='false' data-layout='button_count' data-action='like' data-show-faces='false' data-share='true' data-font='verdana'></div> </div> <a href='#' onClick='renderPlusone(this);'> <span class='sprite-googleplus'></span> </a>  <div id='plusone-div'></div> <script type='text/javascript'> window.___gcfg = {lang: 'de'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div>

Der obere Teil ist für Facebook, der untere Teil für Google Plus. Beide Codes können einfach mit den jeweiligen Konfiguratoren der Unternehmen angepasst und generiert werden.
Beide stehen innerhalb der oben angesprochenen <div>-Leiste.

Wichtig: Für solche Buttons sind entsprechende Einträge im Impressum oder den Datenschutzerklärungen nötig!


Facebook-Plugin und Google Analytics

Facebook und Google bieten weitere Analysetools an. Die dort ermittelten Daten sind recht interessant. Allerdings bedeutet das auch weniger Datenschutz für die Besucher des jeweiligen Internetauftritts. In Sachen des Datenschutzes empfehle ich an dieser Stelle, auf diese Tools zu verzichten.


Popups und Layer-Ads

Popups sind Fenster, die sich beim Aufruf einer Seite oder einer Funktion der Seite in einem weiteren Fenster öffnen.
Layer-Ads verdecken meist Inhalt der eigentlichen Seite.
Beide beinhalten penetrant Werbung. Durch Tools wie Adblock Plus werden diese meist ausgeblendet. Diese Art der Werbung wirkt meist unseriös und ist in jedem Falle störend. Ich empfehle auch in diesem Fall den Verzicht. Es gibt schönere Möglichkeiten der Werbung =)