Many older phones suffer from the lack of JavaScript support. Which in some cases makes it more complicated to track the user. But running the tracking service server-side will solve this problem easily.

As mentioned earlier Google does offer a server-side solution for Analytics. Sadly enough the documentation is almost non-existing and the only thing provided is some crappy PHP example code to get you started.

Therefor I wrote a simple class in PHP used for interacting with the server-side solution for Analytics. The logic and flow is provided by the existing example code. Below you’ll find a brief description of the “flow“.

A user comes to your site and the url function will generate an uri with all mandatory parameters included. This uri is will be included in the src attribute inside an img element. The browser will then request the uri believing that it’s an image. The uri will actually be pointing to a executable script. In this script the track function is called. A unique visitor id will be generated and stored inside a cookie. An HTTP-request will be sent to Analytics including all kind of parameters in order to track the user. When the request is done a 1×1 GIF image will be severed in order to satisfy the browser.

The method described above is a quite common way of solving lack of JavaScript related problems.

In order to start using this tracking method you’ll need to create a new Analytics profile for your website.

• Create a new profile.
• Select “tracking for a new domain” or new subdomain if applicable.
• Click on the “Advanced” tab and choose the mobile option.
• Copy your new Analytics ID from the textarea (MO-XXXXXX-XX).

The code is available on GitHub so feel free to fork away! There’s also a demo included in the repository. Should be just enough to get you started.

To all CodeIgniter fanboys out there. The class works perfectly as a library in CodeIgniter. You just need to make sure to include the uri generated from the url function inside your view. And then point it towards a function in your controller which executes the track function. See the demo inside the repository for further reference.

Happy accurate tracking!

Photo credit: Antonio Manfredonio.

Discobelle är en musikblogg som drivs av ett gäng svenskar sedan år 2006. Så här beskriver de själva bloggen.

Discobelle.net is a Swedish blog about music. Because we love it, not because we want to cheat anyone out of any money. We don’t post albums, just single tracks, remixes and videos.

Design togs fram av svensken PMKFA (bosatt i Tokyo) och jag ansvarade som tidigare nämnt för produktionen och allmänt WordPress underhåll.

Idéen till projektet mipi.se spånades redan fram på konferensen Reboot av mig och Morris Packer. Grundidéen var helt enkelt att kunna skapa en frågeställning för att sedan skicka ut den till en så stor publik som möjligt. Med andra ord frågan är fri.

Under mina 24 timmar skapade jag ett webbaserat gränssnitt för att skapa frågor och se resultatet som uppdateras i realtid. Användningsområdena är redan så här initialt många. Tänk t. ex. om du anordnar en konferens och vill ha din deltagares svar på en viss fråga. Skapa frågan och visa resultatet en storskärm medhjälp av en projektor. Deltagarna kommer på så sätt kunna följa utvecklingen i realtid.

Det hela byggdes i ramverket Codeigniter som jag verkligen har fattat tycke för den senaste tiden. Plus en hel del JavaScript med jQuery som grund.

Framtiden för detta projekt ser ljus ut. Appcorn har sedan en tid tillbaka tagit fram en “proof of concept” iPhone applikation som använder sig av Push-protokollet för att skicka ut frågor.

Gillar mipi.se får du gärna rösta på oss. Eller läs mer om bakgrunden till detta projekt.

Good Old fick i uppdrag att ta fram en sajt för världsturnén samtidigt som jag fick i uppdrag att ansvara för produktionen.

På sajten kan hitta mer information om vilka städer som besöks samt ett flertal presentationer av elever som studerar vid Hyper Island. Varje elev representerar en stad och agerar kontaktperson för staden. På så sätt kan man få personligare kontakt med skolan om man går tankarna att söka till nästa års utbildningar. Det hela presenteras medhjälp av en Google Maps karta för att öka interaktionen.

Kartan kompletteras med ett bloggflöde samt ett ansökningsformulär. Formuläret “pratar” med Hyper Islands ansökningsdatabas medhjälp av ett API som togs fram av de trevliga typerna på Samuraj Data som även utvecklat ansökningsdatabasen.

Det var kul att få chansen att jobba med Google Maps, var länge sedan sen sist. Ännu en gång slogs jag av att det går att göra så oerhört mycket med relativt lite kod. All befintlig funktionalitet kan byggas på och många av de grafiska elementen för att navigera runt kan man ta kontroll över. Till min glädje visade det sig även Google Maps egna JavaScript API fungerar bra ihop med jQuery. Om du själv är sugen på att börja jobba med Google Maps så har jag vid det här laget samlat på mig en del bokmärken som kan komma väl till använding.

Sajten hittar du på tour.hyperisland.se och jag önskar Hyper Island lycka till med rekryteringen!

Tidigare i år skrev jag ihop en API wrapper för SoundCloud i PHP. Idag kan jag med glädje meddela att denna wrapper har utökats med stöd för det nya OAuth protokollet.

Öppen autentisering är hetare än någonsin. Bland de främsta i ledet står det nya protokollet OAuth, som ur ett perspektiv gör det möjligt för dig som användare att logga in och komma åt t ex. ditt SoundCloud-konto från vilken sajt som helst (förutsagt att stöd för OAuth finns). Fördelarna är många, inte minst p.g.a. att vi slipper komma ihåg en uppsjö av användarnamn och lösenord. Ett praktiskt exempel är Twitter som tack vare sitt API med stöd för OAuth har lyckats skapa ett helt ny flora med tredjepartsutvecklade tjänster.

För er som inte känner till SoundCloud sen tidigare så kan jag berätta att det är fantastik tjänst utvecklad av musiker för musiker. Flickr kretsar kring bilder, Youtube kring video och SoundCloud kring musik. Tjänsten är utvecklad av två svenska smartskallar vid namn Alexander Ljung och Eric Wahlforss.

Att SoundCloud är en succé råder det inget tvivel om. Med drygt 300 000 användare och 2,5 miljoner euro i riskkapital ser framtiden oerhört ljus ut. Om du vill läsa mer om deras framgångsresa rekommenderar jag ArcticStartups bloggpost från i våras.

Timingen för releasen av denna wrapper kunde inte ha varit bättre. Ikväll inleds nämlingen Music Hack Day i Berlin där en massa musiker och utvecklare samlas under samma tak för att skapa musikrelaterade tjänster och program. Jag hoppas att min wrapper kan komma till användning!

API wrappern finns tillgänglig på GitHub samt ett exempel på hur du kommer igång. Jag satte även ihop en liten demo applikation som finns att pröva på soundcloud.qvister.se. SoundCloud själva har även skrivit om wrappern deras egna blogg.

Uppdatering: i ett nyligen publicerat inlägg hos självaste TechCrunch länkas det till wrappern min!

I korthet innefattar projektet en överdäckning av spårområdet som i sin tur gör det möjligt att binda samman Stockholm city med Vasastaden. Stockholm skulle tack vare detta projekt få en förnyad central stadsdel som vidgar stadskärnan och gör den mer attraktiv genom att skapa fler arbetsplatser, butiker och bostäder.

Reklambyrån BKC STHLM fick i uppdrag att skapa en informativ och interaktiv sajt för detta projekt. Jag ansvarade till viss del för det grafiska och hela produktionen av webben. Sajten är byggd i PHP och innehåller en hel del JavaScript (med jQuery som grund) för att göra hela upplevelsen lite trevligare för besökaren. Jag bestämde mig även för att dela med mig av funktionen som räknar upp årtalet när man navigerar mellan projektets olika etapper. Denna funktion eller plugin som det kallas går under namnet jCountUp och finns tillgänglig på GitHub. Pluginen är helt och hållet fri, kom gärna med feedback om det är något du saknar!

Som en liten bonus gick arkitektbyrån Rosenbergs Arkitekter med på att ladda upp alla konceptskisser på flickr.

Thumbnailen tillhörande detta inlägg är lånad ifrån Rosenbergs Arkitekter.

Till både inga löjliga bilresor och place brand har jag använt denna metod som beskrivs nedan. Visst kan man istället använda sig av t ex, TDO Mini Forms men jag gillar att ha full kontroll över processen.

Jag är övertygad över att fler än jag har valt WordPress som verktyg till kampanjsajter, t ex. Nokia Tube music och Telefonjack? Nej tack. Hjälp mig gärna med att fylla på listan!

Principen är ganska enkel. Vad vi vill åstadkomma är att gemene besökare ska kunna posta ett inlägg (eller tävlingsbidrag) utan att behöva logga in. Detta inlägg ska sedan sparas ned som ett helt vanligt inlägg plus information om användaren. Inlägget sparas som ett utkast per automatik så att administratörerna kan granska det innan publicering. På detta vill vi gärna ha ett skydd emot elak spam och någon form av validering av datan. Så här kan flödet beskrivas.

1. Användaren skickar in sitt bidrag.
Utifrån formuläret vi har skapat skickar användaren in sitt bidrag för granskning.

2. Bidraget körs via Akismet.
All data vi får in ifrån användaren körs via Akismet för att avgöra om det är spam eller ej. Om det visar sig vara spam avfärdar vi helt enkelt användaren. Om inte går vi vidare till nästa steg.

3. Spara ned bidrag som ett utkast.
Allt verkar stå rätt till och vi sparar slutligen ner bidraget i vår databas på servern.

4. Meddela användaren att bidraget har tagits emot.
Meddela användaren att bidraget har tagits emot på ett eller annat sätt. Detta kan man göra på flera sätt, ett simpel meddelande som presenteras för användaren eller per e-post.

Nu när vi har en bra överbild över vad vi vill åstadkomma är det dags att skrida till verket.

Vad vi först behöver är ett formulär som användaren kan använda för att posta sitt bidrag. Vi behöver en titel och motivering plus lite information om användaren, som t ex. namn, e-post och telefonnummer. Formuläret nedan innehåller allt vi behöver. Tyvärr så strippar WordPress bort indenteringen.

<form action="" method="post">
 <fieldset>
 <p>
 <legend>Ditt bidrag</legend>
 </p>
 <p>
 <label for="campaign-post_title">Titel</label>
 <input type="text" name="campaign[post_title]" id="campaign-post_title" />
 </p>
 <p>
 <label for="campaign-post_content">Motivering</label>
 <textarea name="campaign[post_content]" id="campaign-post_content" rows="8" cols="40"></textarea>
 </p>
 </fieldset>
 <fieldset>
 <p>
 <legend>Om dig</legend>
 </p>
 <p>
 <label for="campaign-post_author_name">Namn</label>
 <input type="text" name="campaign[post_author_name]" id="campaign-post_author_name" />
 </p>
 <p>
 <label for="campaign-post_author_email">Email</label>
 <input type="text" name="campaign[post_author_email]" id="campaign-post_author_email" />
 </p>
 <p>
 <label for="campaign-post_author_phone">Telefon</label>
 <input type="text" name="campaign[post_author_phone]" id="campaign-post_author_phone" />
 </p>
 </fieldset>
 <p>
 <input type="submit" name="campaign[submit]" value="Posta" id="campaign-submit" />
 </p>
</form>

Postdatan som skickas när användaren klickar på “Posta” måste behandlas av en funktion eller dylikt. I detta fall använder vi oss av en funktion. Personligen föredrar jag att placera denna funktion i functions.php tillhörande temat. Vad funktionen gör är att kolla av om någon har fyllt i formuläret och skickat in uppgifterna. Denna kontroll utförs vid varje pageload med hjälp av WordPress egna funktion add_action som gör det möjligt att binda en funktion till en viss händelse (en s.k. hook). I detta fall binder vi funktionen till “init” som står för initialisering (pageload). Det första funktionen gör är att stämma av om postdatan vi söker verkligen har skickats eller inte. Om inte avbryter vi operationen omgående.

<?php
function mytheme_add_post() {
    global $micro_akismet;

    if (!isset($_POST['campaign']['submit'])) {
        return;
    }
}
add_action('init', 'mytheme_add_post');
?>

Om man vill kontrollera vissa uppgifter som t ex. att den ifyllda e-postadressen verkligen är en riktig e-postadress ska det ske nu. Förutsagt att man inte gör det innan formuläret skickas med hjälp av JavaScript.

Nästa steg är att kontrollera att uppgifterna vi har fått inte är spam. Detta görs enklast med hjälp av Akismet. Som du säkert redan vet finns det från start ett inbyggt stöd för Akismet när det gäller kommentarerna i WordPress. Dock har jag kommit fram till det är enklare att använda sig Gaby Vanhegans MicroAkismet klass. Jag har själv modifierat klassen lite för att göra det enklare att använda sig av den i WordPress. Denna plugin finns tillgänglig för nedladdning på GitHub. Observera att denna plugin kräver att du har Akismet pluginen aktiverad och konfigurerad. Efter att både Akismet och MicroAkismet pluggarna är aktiverade och klara kan vi äntligen göra en bedömning om uppgifterna vi fått är spam eller ej.

$post_data = $_POST['campaign'];
$vars = array(
    'comment_content' => $post_data['post_content'],
    'comment_author' => $post_data['post_author_name'],
    'comment_author_email' => $post_data['post_author_email']
);

if ($micro_akismet->is_spam($vars)) {
    // We caught a spammer.
} else {
    // Everything's alright.
}

Om allt är frid och fröjd (ingen spam) kan vi spara ned uppgifterna som ett inlägg med hjälp av funktionen wp_insert_post. Denna funktion tar en array innehållandes en massa argument som första och enda parameter. Vi vill spara inlägget men inte publicera det på direkten för att ge administratörerna en chans att bedöma om inlägget ska publiceras eller inte. Värt att notera är att  vi inte behöver escape:a den inkommande datan eftersom wp_insert_post gör det i syfte att skydda mot SQL-injektioner och annat otyg.

$new_post = array(
    'post_title' => $post_data['post_title'],
    'post_content' => $post_data['post_content'],
    'post_status' => 'pending',
    'post_author' => 2,
    'post_category' => array(10)
);

if ($post_id = (int)wp_insert_post($new_post)) {
    // Post inserted successfully.
} else {
    // Something went wrong.
}

Det kan vara bra att sätta upp ett användarkonto som får agera skribent åt alla bidrag. Byt ut post_author värde mot användarens id-nummer. Detsamma gäller även kategorier. Man vill med stor sannolikhet tilldela inlägget kategorin Tävling eller liknande. Notera att post_category argumentet alltid måste vara en array, även fast det bara handlar om en kategori. Byt ut post_category’s värde mot id-numret på din eller dina kategorier. För en fullständig dokumentation över alla tillgängliga argument rekommenderar jag dig att läsa igenom dokumentation för funktionen hos WordPress.

Nu när inlägget är har sparats vill vi också spara ner uppgifterna om skribenten. Detta gör vi enklast med hjälp av WordPress egna custom fields. På så sätt försäkrar vi oss om att uppgifterna endast tillhör vårt nyligen sparade inlägg.

<?php
$post_author = array(
    'post_author_name' => $post_data['post_author_name'],
    'post_author_email' => $post_data['post_author_email'],
    'post_author_phone' => $post_data['post_author_phone']
);

foreach ($post_author as $key => $val) {
    add_post_meta($post_id, $key, $val);
}
?>

Om du sedan i ditt tema vill visa upp t ex. skribentens namn kan du använda dig av funktionen get_post_meta. Notera denna funktion måste användas innanför post-loopen.

<?php echo get_post_meta($post->ID, 'post_author_name', TRUE); ?>

Då var det (nästan) klart! Personligen föredrar jag att “ajax:ifera” mina formulär för att skapa en trevligare upplevelse. Detta görs enklast med hjälp av jQuery och jForm. Om du bestämmer dig för att använda Ajax är det bra att skicka tillbaka en respons lätt kan tolkas med JavaScript. JSON är rätt det rätta valet för detta jobb. Så här kan en respons se ut i vår funktion.

<?php
$response = array(
    'status' => 1,
    'message' => 'Your post has been submitted!'
);

die(print(json_encode($response)));
?>

Jag har satt ihop ett demo med all kod ovan, baserat på WordPress default tema. Glöm inte heller att installera MicroAkismet pluginen innan.

Ladda ner demot här

Det här är min första renodlade guide. Därav uppskattas all form av feedback och konstruktiv kritik. Gör gärna din röst hörd bland kommentarerna om du har synpunkter eller frågor.

Thumbnailen tillhörande detta inlägg är lånad ifrån jmaclynn.

Ett RSS-flöde är dock inte det ultimata sättet att hålla koll på alla namnsdagar. Varför inte låta informationen komma till en istället? Med detta i åtanke skrev jag ihop en enkel twitterbot som varje dag berättar om vem eller vilka som har namnsdag. Om du följer namnsdag på twitter gratulerar den även dig på din egen namnsdag.

För den tekniskt intresserade är det ett skript skrivet i PHP som parse:ar RSS-flödet från dagensnamnsdag.nu och twittrar sedan via twitter egna API. Skriptet körs i en crontab som utförs 01:00 varje dag.

Så vill du bli kvitt alla pinsamma situationer där du har glömt bort eller helt och hållet missat dina nära och käras namnsdagar? Följ då namnsdag på twitter!

Idéen grundade sig i frågan “Hur svårt kan det vara att bygga en URL-förkortare?” och inte minst p.g.a. avsaknaden av en bra svensk URL-förkortare. En helg senare hade jag en färdig applikation och domänen korta.nu visade sig vara ledig. Idag används tjänsten ganska flitigt, inte minst på Twitter.

Tjänsten kompletteras med en bookmarklet som gör det oerhört enkelt att förkorta länkar med en knapptryckning och en Mac OS X Dashboard widget.