Freitag, 10. Februar 2012

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/

Keine Kommentare: