Inställningar i Feedburner

För att detta ska fungera krävs det att du har feedburner. Har du inte det kan du registrera dig här gratis. Gå in på den feed du vill visa upp och välj Publicize i huvudmenyn. I menyn till vänster klickar du på Awareness API. Klicka på activate. Det du gör nu är att låta tredjeparts-script komma åt statistiken, dvs. det vi ska skapa härnäst.

Aktivera Awareness API

Hämta antalet läsare

Detta gör vi med php. Scriptet som används för att hämta antalet användare kräver CURL, vilket antagligen inte finns på din lokala server, men nästan garanterat på ditt webbhotell. Detta gör tyvärr att du måste ladda upp scriptet för att se om det fungerar eller inte.

<?php
$feeduri = "designskolan"; // Namnet på din feed
$url="https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=". $feeduri;
$ch = curl_init();
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_URL, $url);
$data = curl_exec($ch);
curl_close($ch);
$xml = new SimpleXMLElement($data);
$antal = $xml->feed->entry['circulation']; //Sätter en variabel med antal läsare
?>

Eftersom google har köpt upp feedburner nyligen måste du uppdatera din feed för att det här ska fungera.
Nu kan vi använda oss av $antal för att skriva ut antalet läsare var vi vill på sajten. Nu kan du välja att göra något roligt med denna statistik eller så fortsätter du guiden om hur man gör ett snyggt tooltip av den.

Skapa tooltipet

Vi ska använda oss av ett befintligt skript för att göra det så enkelt som möjligt. Ladda ner Easiest Tooltip och inkludera det tillsammans med jQuery i ditt dokument. Jag använder typ 1 av skriptet som gör att title-taggen i länken som syns i tooltipet. Stilmallen jag använder ser ut såhär:

#tooltip{
	position:absolute;
	border: 1px solid #362e26;
	background: #c8c689;
	padding: 4px 8px;
	color: black;
	display:none;
	z-index: 500;
	font-size: 15px;
	}

Skriv ut statistiken i tooltipet

För att skriva ut tooltipet innehållande antalet läsare samt att när du klickar ska du komma till feeden hos feedburner skriver du:

<a href="http://feeds.feedburner.com/designskolan" class="tooltip" title="<?php echo $count . ' Läsare';?>">
Följ mig via RSS</a>

Det var allt

När du nu håller muspekaren över länken till feedburner kommer ett liten ruta upp med antalet läsare du har! Lycka till!