Tipp: So baut man den “Gefällt Mir” Button sicher ein

04.09.2011, 10:30 Uhr. (20557x gelesen)

3 Leser haben sich bedankt

(Noch keine Bewertungen)

Nur noch bis morgen: Mit Amazon Pay zahlen und 5 EUR Amazon Gutschein sichern!

Die “Datenschutz-Experten” aus Schleswig-Holstein fordern deutsche Webmaster auf, bis Ende September die “Gefällt Mir” Buttons von ihren Webseiten zu entfernen. Geschieht dies nicht, sollen Strafen bis 50.000 EUR drohen.

Der Grund für die Verärgerung des Unabhängigen Landeszentrums für Datenschutz (ULD): Die “sozialen Plugins” von Facebook, Twitter oder Google tauschen ungefragt Daten mit amerikanischen Servern aus, selbst wenn der Besucher nicht bei Facebook & Co. angemeldet ist, werden schon Cookies auf dem eigenen Computer gespeichert. Facebook speichert etwa Datum, Webseite, IP-Adresse (und so eine ungefähre Ortsangabe), Browser und Betriebssystem – bei angemeldeten Usern liesse sich zu dem Namen ein Surf-Profil erstellen.

Rechtsanwalt Christian Solmecke hatte vorgeschlagen, zunächst nur eine “Gefällt Mir” Grafik zu laden, die auf Klick erst die eigentlichen Buttons zum Twittern, “+1” oder empfehlen nachlädt. Laut Tina Kulow von Facebook ist dies in Ordnung, wenn der erste Facebook Button dabei dem echten “Gefällt Mir Button” nicht zum Verwechseln ähnlich sieht.

Wir haben die 2-Klick Funktion hier umgesetzt. Unsere hier verwendeten Grafiken dürfen Sie gerne auf Ihren Server kopieren und kostenfrei nutzen – wir freuen uns allerdings über einen Link auf unsere Webseite https://www.computerhilfen.de.

Für den Webmaster: Fertige Buttons und HTML Codes

Unser Skript und die Bilder können kostenlos genutzt und kopiert werden. Wir verwenden als Ziel-Seite zum Zählen für die Buttons die Javascript-Adresse “top.location.host”, zeigen also direkt nach dem Einbau auf einem anderen Server die dortigen “Gefällt Mir” Zahlen an – das Skript ist also direkt und ohne Anpassung einsetzbar. Soll hiermit eine Unterseite empfohlen werden, muss aber noch die URL im Skript hinter top.location.host angegeben werden (dreimal tauschen!).

Nachladender Gefällt Mir Knopf – Beispiel 1:

Per Klick auf den Button öffnet sich ein Layer, in dem die Buttons für “Google +1”, “Twitter” und “Facebook” nachgeladen werden. Erst nach dem Klick auf den Button wird die Verbindung zu den fremden Servern aufgebaut. (Beispiel zeigen)

Der Code für das Javascript zum Nachladen – Dieser sollte am besten im <head> Bereich der Seite stehen (hier gehören Skripte eigentlich hin). Geht dass nicht, kommt er direkt über den Button.

Und hier der Code für den Button:

Um eine andere Grafik als Bild zu verwenden, muss diese Adresse https://www.computerhilfen.de/bilder/button-empfehlen-1.png im Code gegen die Adresse der eigenen Grafik getauscht werden.

Grafiken kopieren: Button | Hintergrund | Schließen | Pfeil

Nachladender Gefällt Mir Knopf – Beispiel 2:

Wenn es etwas dynamischer wirken soll, ist diese Variante richtig (Beispiel zeigen). Bei Mausberührung färbt sich der Button bunt, natürlich in einer modernen Version mit CSS Sprites. Der Code für das Skript ist ähnlich, wird nur noch um diese Funktion im Skript-Teil erweitert:

function hover(wert){<br /> document.getElementById(‘likebutton’).style.backgroundPosition = ‘0 ‘+wert;<br /> }

Button und DIV-Layer sehen jetzt so aus:

Grafiken kopieren: Button | Hintergrund | Schließen | Pfeil

Nachladender Gefällt Mir Knopf – Beispiel 3:

In dieser Variante können Sie drei Knöpfe einzeln und frei platzieren: Jeder Knopf besitzt eine eigene Javascript-Funktion, so dass Sie auch nur den Facebook oder nur den Twitter-Button einbauen können. (Beispiel zeigen)

Quellcode für den Facebook-Button:

Quellcode für den Twitter-Button:

Quellcode für den Google +1 Button:

Grafiken kopieren: Facebook | Twitter | Google +1

Fragen zu diesem Tipp? In unserem Webmaster-Forum helfen wir weiter!

Das könnte Sie auch interessieren:

Letzte Computer News:

Passende Wörter im Lexikon:

Klickrate
Das Wort Klickrate gibt das Verhältnis vom Anklicken der Werbebanner zum Anklicken der Internetseite an auf der sich die Werbung befindet. An dieser Rate werden beis...

Mehr Tipps zu Tipp: So baut man den "Gefällt Mir" Button sicher ein

Datenschutz: "Gefällt Mir" Button macht Ärger: So entgeht man möglichen Strafen
Das Unabhängige Landeszentrum für Datenschutz (ULD) in Schleswig-Holstein will den Facebook "...

Map of the Dead: Hier bist Du wirklich sicher!
Ein schrecklicher Virus bricht aus und verwandelt die meisten Nachbarn, Freunde und Arbeitskoll...

Dell baut Server-Cluster für das Royal Institute of Technology in Stockholm
Das schwedische Royal Institute of Technology in Stockholm hat Dell mit dem Bau eines Supercomp...

Vorsicht am Mac: Trojaner tarnt sich als Raubkopie und baut Botnetz auf
Nicht einmal am Mac ist man mehr sicher: Antivirus-Experte Symantec hat nach eigenen Angaben da...

Ähnliche Fragen:

Tipps-Rubriken