Social Links datenschutzkonform auf der Webseite einbinden

Die sozialen Netzwerke, Bookmark-Dienste und dergleichen bieten die Möglichkeit an, Buttons auf der Webseite einzubinden. Hierbei werden dann meist Einbindungsmöglichkeiten angeboten, welche Tracker beinhalten, so dass evtl. bereits Nutzerverhalten ausgewertet wird, bevor der User den Link überhaupt anklickt.

Ich persönlich finde das nicht besonders nett, aber es gibt auch die Möglichkeit, diese Buttons so einzubinden, dass erst getrackt wird, wenn der Link auch wirklich angeklickt wird.

Einbindung von Social Links allgemein

Einbindung von Social Links allgemein

Ich habe hier eben gerade ein paar derartige Buttons eingebaut. Unter dem Menü befinden sich die Links zu meiner Facebook-Seite, meiner Twitter-Seite und meinem Delicious-Profil. Diese Buttons sind ganz einfach verlinkte Grafiken.

Nachteil ist, wie auch bei den im Folgenden beschriebenen Möglichkeiten, dass so auch nicht angezeigt wird, wievielen Leuten z.B. meine Facebook-Seite gefällt. Mich stört das nicht, im Moment ist das eh nur eine ziemlich popelige Zahl ;-)

Einbindung von Social Links zum Teilen

Einbindung von Social Links zum Teilen

Unter den Artikeln habe ich Buttons eingebunden, über welche man den Link zu dem Artikel (ver-)teilen kann.

Das sind, wie die allgemeinen Buttons zu meinen Profilen ebenfalls nichts weiter als verlinkte Grafiken. Es werden weder Iframes noch JavaScript verwendet, so dass der Link erst angeklickt werden muss bevor überhaupt was passiert.

Es werden nach dem Anklicken dann Parameter an die entsprechende Datei auf dem Dienst übergeben, die bewirken, dass genau diese URL hergenommen und dort im Formular eingefügt wird.

Für die Ladezeit der Seite ist das nebenher auch ziemlich gesund.

Für Facebook funktioniert das wie folgt:

<a href="http://www.facebook.com/sharer.php?u=[URL der Webseite]&t=[Titel der Webseite]" title="Diesen Artikel auf Facebook teilen" target="_blank">
<img src="[URL des Buttons]" alt="Button Facebook Teilen" />
</a>

Für Twitter:

<a href="http://twitter.com/share?url=[URL der Seite]&via=[Twitter Username]&text=[auszugebender Text]&lang=[Sprache, z.B. de]" target="_blank" title="Diesen Artikel twittern">
<img src="[URL des Buttons]" alt="Tweet-Button" />
</a>

Für Delicious:

<a href="http://www.delicious.com/save?v=5&noui&jump=close&url=[URL der Seite]&title=[Titel der Seite]" target="_blank" title="Diesen Artikel bei Delicious bookmarken">
<img src="[URL des Buttons]" alt="Button Delicious" width="24" height="24" />
</a>

In den meisten Fällen steht auf den Developer-Seiten der Anbieter leider nicht mit dabei, dass das auch so geht. Man kann es sich aber häufig herleiten und ausprobieren.

Hat dir der Artikel gefallen? Sag's weiter ...

Button Facebook Teilen    Tweet-Button    Button Delicious