« Tillbaka | Hem » Artiklar » 3 steg till din egen Facebook "Gilla"-knapp

3 steg till din egen Facebook "Gilla"-knapp

Artikel, PHP, ASP/.Net, JSP etc, Kristoffer Geiser, 29 Jul-10 16:45

Facebook är idag ett av dem största sociala nätverken i världen. Med hundratals miljoner medlemmar har du som driver en webbplats möjligheten till enkel och gratis marknadsföring via "Gilla"-knappen. Vi visar hur du bygger in den på din webbplats.

Med lite HTML och PHP är det väldigt enkelt att lägga till en "Gilla"-knapp. Det finns självklart flera sätt att lägga till knappen, men vi har valt att visa den mest enkla metoden, nämligen en iframe-lösning.

Steg 1 - HTML-exempel från Facebook
Koden nedan är Facebooks egna exempel på hur man integrerar en "Gilla"-knapp via en iframe-lösning. Du kan redan nu klistra in HTML-koden nedan på din webbplats, ändra ?href, och få det att fungera.

<iframe src="http://www.facebook.com/widgets/like.php?href=http://example.com" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"> </iframe>
Dock så vill man ju att länken till vad man gillar skrivs ut automatiskt så att man i t ex blogginlägg inte behöver sitta och manuellt skriva in detta. Därför behöver vi lite PHP-kod för att automatiskt hämta URL:en till webbsidan.

Steg 2 - Hämta URL automatiskt med PHP
PHP-koden nedan hämtar URL:en till webbsidan man är på och sparar den i variablen $likeURL.

$likeURL = 'http'. ($_SERVER['HTTPS'] ? 's' : null) .'://'. $_SERVER ['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
Steg 3 - Resultat
Allt som är kvar är att sammanfoga koderna, sen är det klart. Koden nedan kan du kopiera in på din webbplats (kräver att din webbserver stödjer PHP).

<?php $likeURL = 'http'. ($_SERVER['HTTPS'] ? 's' : null) .'://'. $_SERVER ['HTTP_HOST'] . $_SERVER['REQUEST_URI'];?> <iframe src="http://www.facebook.com/widgets/like.php?href=<?php echo $likeURL;?>" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe>
Resultat
Smidigt, enkelt men framför allt en ny marknadsföringskanal. Facebook har även en egen kodgenerator där ni på olika sätt kan styla "Gilla"- eller "Rekommendera"-knappen och få iframe-koden utgenererad. Ni kan även kika på Open Graph protocol för att vidareutveckla er "Gilla"-knapp.