Kommenter med Facebook på Aktiv I Oslo.no

I går annonserte Facebook en god del nye tjenester på sin tredje f8 konferanse. En av disse var muligheten for å implementere kommentering via Facebook på eksterne nettsider. Dette implementerte vi på Aktiv I Oslo.no på morgen i dag så nå kan du kommentere på alle våre sider og dessuten kan du også “like” individuelle sider.

Slik legger du dette inn på din egen nettside/blogg:

Først må du generere en unik kode for siden du er på. Dette har vi gjort ved å hente ut adressen til den enkelte side og så skrive den om litt ved hjelp av PHP. Du kan nemlig ikke ha : og / i den unike IDen.

<?php
$pageURL = 'http';
if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
$pageURL .= "://";
if ($_SERVER["SERVER_PORT"] != "80") {
$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
} else {
$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
}

$replace = array(“/”, “:”);
$with   = array(“_”, “_”);

$fbxid = str_replace($replace, $with, $pageURL);

?>

Her er selve Facebook-scriptet. For å hente ut IDen vi laget over bruker vi <?php echo $fbxid; ?> som du ser i koden under.

<div id="fb-root"><fb:comments xid="<?php echo $fbxid; ?>" numposts="10" width="500" /></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

Om du ikke ønsker unike kommentarfelt for hver side så kan du eventuelt gjøre slik:

<div id="fb-root"><fb:comments xid="dinunikeID" numposts="10" width="500" /></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>

Eller generer din egen kode på Facebook

Se også de andre mulighetene Facebook gir for interaksjone på din blogg/nettside