Individueller Facbook Like Button

Auf der Suche nach einer Möglichkeit, einen Facebook "Gefällt mir"-Button einzubauen, der nicht jeden Seitenbesucher trackt, der ein Facebook Account hat, bin ich auf die Seite http://dorianroy.com/blog/ von Dorian Roy gestoßen.

In aller kürze, der Text "PASTE_FACEBOOK_URL_HERE" muss durch die komplette iframe src url ersetzt werden und "Show facebook Likes" durch einen Text eurer Wahl.
(evtl. sollte man auch noch den line-height Wert im span anpassen.)

<link rel="stylesheet" href="http://static.ak.fbcdn.net/rsrc.php/zD5ZK/hash/4146lpfk.css" type="text/css" />

<script type="text/javascript">

var fbURL = PASTE_FACEBOOK_URL_HERE;

function insertLikeButton() {

var container = document.getElementById('flbCont');

var w = container.style.width;

var h = container.style.height;

fbFrame = document.createElement("IFRAME"); 

fbFrame.setAttribute("src", fbURL);

fbFrame.setAttribute("scrolling", "no");

fbFrame.setAttribute("frameBorder", 0);

fbFrame.setAttribute("allowTransparency", true);

fbFrame.style.border = "none";

fbFrame.style.overflow = "hidden";

fbFrame.style.width = w; 

fbFrame.style.height = h; 

container.replaceChild(fbFrame, document.getElementById('flb'));

}

</script>

<div id="flbCont" class="connect_widget">

<a id="flb" class="connect_widget_like_button clearfix like_button_no_like" onclick="insertLikeButton();" style="cursor:pointer;-moz-outline-style:none;text-decoration:none"><span class="liketext" style="line-height:1">Show Facebook Likes</span></a>

</div>

Eine detaillierte Anleitung gibt es hier: http://dorianroy.com/blog/2010/04/how-to-make-a-friendly-facebook-like-button/

Alternativ kann man sich auch die 2Klick Button Lösung von Heise anschauen.
http://www.heise.de/extras/socialshareprivacy/