Dadurch, dass nun ja die "Teilen" und "Like" Buttons von Facebook endgültig nicht mehr datenschutzkonform sind und jedem der sie benutzt Abmahnungen drohen stellt sich bei vielen die Frage "Und was nun?".
Exhibit A: Bei mir gibt es rechts in der Seitenleiste formschöne, datenschutzkonforme Icons zu meinen Social Media Seiten sowie Bloglovin und Blog Connect. Font Awesome sei dank
Und wie man das macht möchte ich dir heute gerne mal zeigen. Allerdings nur für Blogspot. Für Wordpress ist das natürlich auch anwendbar, aber da ich selbst nicht damit arbeite ist es etwas schwierig das Schritt für Schritt zu erklären. Grundsätzlich ist es gleich.
Als erstes brauchst du die Links zu deinen Profilen auf den Seiten, die du verlinken möchtest. Exemplarisch werde ich das hier für Facebook machen.
 |
| So sieht das bei mir aus |
Und nun geht es auf in den Code. Aber keine Angst, du musst nur etwas Copy+Paste betreiben.
Ziemlich am Anfang steht irgendwo <head> und direkt darunter kopierst du folgenden Code:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>fa-facebook, fa-facebook-official und fa-facebook-square
Um den Icon einzufügen braucht man erstmal im Layout ein neues Gadget und zwar das "html/JavaScript"-Gadget. Füge das einfach dort ein wo du am Ende die Icons haben möchtest, bei mir ist es in der rechten Seitenleiste. Und jetzt kommt der wichtige Schritt.
mit
<i class="fa ICON NAME"></i><a href="LINK ZUR SEITE"><i class="fa ICON NAME"></i></a>Mein Facebook-Icon hat folgenden Code:
und sieht so aus:<a href="http://facebook.de/buechernestblog"><i class="fa fa-facebook fa-3x"style="margin:8px"></i></a>
Aber, warte: Da ist ja noch was anderes!
Ja, mit fa-3x (bzw. fa-2x; fa-1x etc) kann man die Größe des Icons verändern. Es gibt auch die Möglichkeit das Icon zu drehen, sich dauernd drehen zu lassen, einen Rahmen zu verpassen, eine feste Breite oder Icons als Aufzählungszeichen zu benutzen oder mehrere davon "aufeinander zu stapeln". Die Codes dafür findet man unter "Examples" auf der Font Awesome-Seite.
Und das style="margin:8px" ist dafür da, damit die Icons einen gewissen Abstand zu einander halten. Das kann man aber auch alles weglassen, wenn man so zufrieden ist wie es ohne diese "Schöhnheitskorrekturen" aussieht.
Und wie kann ich die Farbe ändern?
Das Icon ist ein normaler Textlink, das heißt die Farben sind die gleichen wie bei einem normalen Link. Du kannst sie normalerweise einfach unter "Vorlage bearbeiten" ändern. Oder die Farbe direkt im Code für das jeweilige Icon ändern:
ist jetzt ein besonders hässliches blau, aber ich hatte keine Lust einen hexadezimal-Code rauszusuchen ;)<a href="http://facebook.de/buechernestblog"><i class="fa fa-facebook fa-3x"style="color:blue"></i></a>
Sonst noch Fragen? Anmerkungen? Ideen ?
4 Kommentare
Hey :)
Das wollte ich eigentlich noch gestern loswerden, hab aber dann drauf vergessen ... Dein Tutorial hier hab ich nämlich gestern auf Facebook entdeckt, wo es jemand anderes geteilt hat. Finde ich gut, dass du die machst!
Ich bin zwar in Ö daheim, daher betrifft mich das Urteil jetzt nicht unmittelbar, aber langfristig gesehen werden wir uns alle darum Gedanken machen müssen, welche Daten auf unseren Blogs erhoben werden. Und ganz egal, ob wir auf Wordpress.com oder auf Blogger unsere Blogs haben - wir werden nie genau wissen, welche Daten die Plattformen erheben (Bin mir nicht mal sicher, ob ich das bei Google wirklich so genau wissen will, sonst wird mir wahrscheinlich nur noch schlecht *seufz*).
Letztendlich bleibt in diesem Fall tatsächlich nur der Weg zum selbstgehosteten Blog, denn nur da hat jeder von uns wirklich die Kontrolle darüber ...
Liebe Grüße
Ascari
Huhu Ascari,
den Berichten nach, die ich gelesen habe scheint Google sogar noch am wenigsten Daten zu erheben. Zu mindesten über diese Buttons wird das wohl teilweise anonymisiert. Facebook ordnet das ja richtig den Usern zu, auch wenn man nicht eingeloggt ist oder irgendwas anklickt...
Irgendwann nehme ich mir die zeit für einen auf selbstgehostet umzusteigen, bis dahin muss ich mit dem was ich habe (und gefühlt 100 Seiten Datenschutzerklärung) Vorlieb nehmen ^^
Liebe Grüße,
Lena
Super Tutorial! Ich habe auch einfach nur meine Social Media Buttons, denn wer will, folgt einfach darüber. Wär trotzdem super, wenn Facebook das Problem mal lösen würde...
<3 Ella
Danke ^^ Ja, meine Buttons sind ursprünglich aus dem Wunsch entstanden was einheitliches zu haben und nicht weil Facebook es nicht hinbekommt auch nur das Minimum an Datenschutz zu betreiben...
Liebe Grüße,
Lena