Sagenumwobener Folge-Button: So wird’s gemacht

Follow-Button

Der Twitter “Follow-Button” – ähnlich dem bekannten “Like-Button” von Facebook – machte ja bereits kurz nach seiner Einführung Negativschlagzeilen wegen der Gefahr von Clickjacking (mehr dazu).Wer ihn dennoch gerne nutzen möchte, kann das mit rudimentären HTML-Kenntnissen wie folgt bewerkstelligen.

Zunächst muss die Ressources-Seite von Twitter aufgerufen werden (hier findet man wie üblich die Spielzeuge für Webseitenbetreiber: Widgets, Grafiken, usw.). Dort findet man bereits den Hinweis auf den Folge-Button; kein Entwickler-Konto oder dergleichen sind erforderlich.

Die nun noch nötigen Schritte sind ein Kinderspiel. Das Twitter-Konto wird benötigt (bei mir _m47ch), eine Wahl für die Hintergrundfarbe muss getroffen werden, die Anzeige der “Follower-Zahl” bejat oder verneint werden und zuguterletzt muss die Sprachwahl getroffen werden. Ein HTML-Code sollte nun generiert worden sein, der in etwa wie folgt aussieht.

<a class="twitter-follow-button" href="http://twitter.com/_m47ch">Follow @_m47ch</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"><!--mce:0--></script>

Vom Aufwand her ist bisher also kaum mehr als das Schreiben eines regulären Links auf das Twitter-Profil in HTML notwendig gewesen.

Das Einfügen auf der eigenen Webseite bspw. in WordPress ist folglich einfach durch das Kopieren und Einfügen des Codes in ein Text-Widget möglich (siehe Bild links).

Veröffentlicht von

Ein "Digital Native", der sich für vieles interessiert und zu noch mehr eine Meinung hat. Pendelt beruflich quer durch Deutschland, erlebt (nicht nur dabei) so einiges. Gnadenloser Facebook-Feind, Missionar für sauberen Quellcode und sportbegeisterter Würzburger mit starker Affinität zu allen elektrischen Spielereien.

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.


Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>