1 Kommentar

Twitter: Buttons mit iFrame einbinden – ohne Plugin

Wie ihr sicher bemerkt habt, habe ich im Blog nun über jedem Beitrag einen Tweet-Button und einen Facebook-Button zugefügt – man geht ja mit der Zeit ;)

Der Facebook-Button ist ja sowieso von haus aus als iFrame eingebunden, der Button von Twitter leider nicht… Also muss man da selbst ran! ;)

twitter_logoPlugIn braucht man dafür natürlich auch nicht, da sich der Code fast überall problemlos einbinden lässt ;)

 

Hier mal der Code, wie’s ich eingebunden habe:


<iframe src="http://platform.twitter.com/widgets/tweet_button.html?url=<?php echo rawurlencode(get_permalink()) ?>&amp;text=<?php echo rawurlencode(strip_tags(get_the_title())) ?>&amp;count=horizontal&amp;via=jonny0303" style="width:93px; height:20px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

Wobei man das noch nach eigenen Wünschen anpassen kann bzw. muss. Den Twitter-Namen bei via= musst du auf jeden Fall anpassen oder entfernen.

Mit diesem Code, wie er oben steht, wird der Button folgendes ausgeben:

TITEL_DES_ARTIKELS http://t.co/kurzurl via @twitteruser

Lässt man den via=-Teil weg, dass der Code so ausssieht:

<iframe src="http://platform.twitter.com/widgets/tweet_button.html?url=<?php echo rawurlencode(get_permalink()) ?>&amp;text=<?php echo rawurlencode(strip_tags(get_the_title())) ?>&amp;count=horizontal" style="width:93px; height:20px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe>

wird folgendes ausgegeben:

TITEL_DES_ARTIKELS http://t.co/kurzurl

Natürlich gibt’s noch einiges mehr an Anpassungen, wie z. B. den Wert bei count= von horizontal zu vertical oder auch gleich none und einiges mehr ;)

So sehen die jeweiligen Buttons dann aus:

horizontal: twitter_horizontal

vertical: twitter_vertical

none: twitter_none

 

Was das eigentlich für einen Vorteil hat, wenn der Button durch iframe eingebunden wird? Ganz einfach, wenn der Twitter-Server lahmt, wirkt sich das nicht auf die Ladezeiten deines Blogs aus. Ist wohl schon mal vor gekommen. ;)