Facebook-applikation för Marabou har engagerat 125 000

1 december, 2009 | Inga kommentarer | Postad i Portfolio

Facebook-applikationen Rädda Julen

Width Dynamic har på uppdrag av Marabous kommunikationsbyrå Prime producerat Facebook-applikationen Rädda Julen. Där kan man välja vilken pralin i Aladdin-asken man hållet som favorit, och visa upp det för omvärlden. Prime stod för idén och vi för produktionen. Efter en vecka har applikationen växt till en av Nordens absolut mest använda. 125 000 har hittills valt sina respektive praliner.

Se applikationen här

Width Dynamic har på uppdrag av Marabous kommunikationsbyrå Prime
producerat Facebook-applikationen Rädda Julen. Där kan man välja
vilken pralin i Aladdin-asken man hållet som favorit, och visa upp det
för omvärlden. Prime stod för idén och vi för produktionen. Efter
en vecka har applikationen växt till en av Nordens absolut mest
använda. 125 000 har hittills valt sina respektive praliner.
Se applikationen här:
Tags: ,

GMail med din egen domän – Google Apps

23 oktober, 2009 | Inga kommentarer | Postad i Tips

Google Apps erbjuder sig att ta hand om hela ditt företags e-posthantering och samtidigt låta dig ha kvar din nuvarande domän. För de företag som idag använder t ex Microsoft Exchange Server är Google Apps ett bra alternativ för både billigare och driftsäkrare e-postsystem. Det brittiska företaget Rentokil Initial är ett av de senaste företag som flyttat över sin e-posthantering, med 35 000 e-postadresser, till Google Apps, Linköpings universitet är ett annat exempel på större organisationer som förlitar sig på Google Apps.

De DNS-inställningar som du måste ställa in för att applicera Google Apps e-posttjänst på din domän bör göras när e-posttrafiken är som lägst, förslagsvis nattetid, eftersom att det kan ta uppåt 48h(vanligtvis tar det max 1-3h) för nya MX-records att registreras.

  1. Registrera dig på Google Apps
  2. google-apps-it-admin
    Klicka på länken tillhörande stycket ”Om du är IT-administratör…” och följ instruktionerna.
  3. Ifall du har e-post aktiverat för domänen sedan tidigare är det viktigt att säkerhetskopiera alla mail och dessutom skapa nya Google Apps-användarkonton för alla de tidigare e-postadresserna innan du går vidare.
  4. Klicka på ”Aktivera e-post” i Google Apps adminpanel.
  5. Gå in bland DNS-inställningarna för din domän. Ta bort alla tidigare MX-records för din e-postdomän och ersätt med följande:
    MX Server address     Priority
    ASPMX.L.GOOGLE.COM.     10
    ALT1.ASPMX.L.GOOGLE.COM.     20
    ALT2.ASPMX.L.GOOGLE.COM.     20
    ASPMX2.GOOGLEMAIL.COM.     30
    ASPMX3.GOOGLEMAIL.COM.     30
    ASPMX4.GOOGLEMAIL.COM.     30
    ASPMX5.GOOGLEMAIL.COM.     30
  6. När Google registrerat dina MX-records är din domäns e-postinkorgar tillgängliga på http://mail.google.com/a/dindoman.se, detta kan ändras till t ex webbmail.dindoman.se under Email-settings.

För att hämta e-posten från Google Apps via IMAP med t ex Mozilla Thunderbird eller Microsoft Outlook använder du serverinställningarna beskrivna nedan:

  • Server för inkommande e-post: imap.gmail.com (Port 993)
  • Server för utgående e-post: smtp.gmail.com (Port 587)
  • Användarnamn är din e-postadress och lösenord är det lösenord du angav när du registrerade e-postadressen i Google Apps.
MX Server address Priority
ASPMX.L.GOOGLE.COM. 10
ALT1.ASPMX.L.GOOGLE.COM. 20
ALT2.ASPMX.L.GOOGLE.COM. 20
ASPMX2.GOOGLEMAIL.COM. 30
ASPMX3.GOOGLEMAIL.COM. 30
ASPMX4.GOOGLEMAIL.COM. 30
ASPMX5.GOOGLEMAIL.COM. 30
Tags:

Grunderna i skapande av Facebook-applikationer

21 oktober, 2009 | Inga kommentarer | Postad i Tips

För att skapa en Facebook-applikation enligt denna guide behöver du tillgång till följande

Gå in på Facebooks utvecklar-applikation och välj Set up new application. Välj det namn du vill ha på din applikation(detta går att ändra i efterhand) och gå vidare. Din applikation är nu skapad, nu måste du bara konfigurera inställningarna innan du kan börja knacka kod.

Fyll i en beskrivning och ladda ev upp logo och ikon. Innan du publicerar din Facebook-applikation är det viktigt att du lägger tid på dessa steg, då de kommer bli det första intrycket folk får av din applikation. Fyll även i kontaktinformation och eventuellt User Facing-URLs, beroende på hur omfattande din applikation kommer att vara.

Under fliken Autentisering väljer du ifall din Facebook-applikation ska vara installerbar på användar- eller sidprofiler, eller både och. Att tänka på när man skapar en Facebook-applikation som kan adderas till sidprofiler är att när en besökare använder din applikation via en sidflik kan du inte hämta personlig information, såsom user id, från den användaren. Post-Authorize Callback URL och Post-Remove Callback URL är de adresser som Facebook pingar med POST-parametrar när en användare lägger till respektive tar bort din applikation. I det här fallet behöver du inte fylla i något här eftersom att vi inte lagrar data i någon databas för vår applikation.

Profiles-fliken konfigurerar hur din applikation kommer att synas i användar- och sidprofiler. Tab name är det namn som kommer att synas i fliken när din applikation läggs till på en sida eller användarprofil och Tab URL är den adress som Facebook ska hämta information ifrån. Välj standardalternativ när en användare ska lägga till din applikation på sin profil, antingen wide eller narrow column. Narrow column är vänsterspalten i profilen medan wide column är högerspalten, applikationen hamnar då under fliken Rutor.

Ifall din applikation har en info-sektion bör du fylla i en Information Update Callback URL som Facebook kan pinga när en användare ändrar sin information.

Om du har i åtanke att integrera publiceraren i din applikation bör du fylla i samtliga fält under rubriken Profile publisher där du kan ändra texten på publicerings-knappen samt fylla i adresser som Facebook ska pinga när en användare publicerar ett meddelande på sin egen eller en väns logg.

Edit URL under Facebook Page Administration är den adress där administratörer över Facebook-sidor kan redigera din applikation, för att till exempel ändra innehållet under deras specifika flik.

Facebook-Applikation-Canvas

Fliken Canvas måste du konfigurera, oavsett vad du har för avsikt att skapa för applikation. Canvas Page URL är direktadressen till din applikation på Facebook och Canvas Page Callback URL är adressen till den server och katalog som applikationen ligger på.

Post-Authorize Redirect URL är den adress som en användare kommer till när de autentiserat din applikation, t ex en välkomstsida. Ifall du lämnar detta fält tomt används Canvas Page URL.

Render method bestämmer hur din applikation kommer att uppenbaras, antingen genom en iframe(numer går det att direktlänka även till undersidor när du använder iframe) eller FBML. Iframe är det alternativ som går snabbast medan FBML är att rekommendera för enklare applikationer och nybörjare som vill lära sig Facebooks API.

Quick transitions är under betatestning och kan vara ett alternativ ifall du använder undersidor i din applikation som du vill ska ladda snabbare.

Länka behöver du enbart bry dig om ifall din sajt ska ansluta till Facebook genom Facebook connect.

Ifall du kommer att infoga widgets i din applikation kan du under denna flik ställa in vilka som ska vara administratörer, moderatorer och vilka som ska få tillgång till din widget.

Advanced-fliken Ställ in ifall din applikation är en webb- eller desktopapplikation, i normala fall behöver du inte ändra något här. Om du kommer att använda dig av bifogande kan du läsa mer här om hur du ska gå tillväga.

Packa nu upp Facebooks PHP-bibliotek i en katalog på din server. Sedan skapar du filen index.php och introducerar med följande kod:

<?php
require_once ‘includes/facebook.php’; // facebook.php-filen från Facebooks PHP-bibliotek

// Följande två rader kan vara hjälpfulla när du utvecklar din applikation
error_reporting(E_ALL);
ini_set(’display_errors’, ‘1′);

$appapikey = ‘XXXXXXXXXXXXXXXXXX’; // Din applikations API-nyckel som du kan hämta på inställningssidan för din applikation
$appsecret = ‘XXXXXXXXXXXXXXXXXX’; // Din hemliga applikations-nyckel som du hämtar från samma ställe som ovan

$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login(); // Den aktuella användarens Facebook-user id
$callbackurl = ‘http://fbapps.width.se/widthdynamic/’;  // Samma Canvas page URL som du angav tidigare

?>

Nu är det bara att fylla din applikation med PHP, FBML och HTML-kod, läs mer i Facebooks wiki om hur du kan använda dig av FBML.

Tags:

Vad är SEO (sökmotoroptimering)?

19 oktober, 2009 | Inga kommentarer | Postad i Tips

SEO står för Search Engine Optimzation, sökmotoroptimering på svenska. En bra sökmotoroptimerad sajt är ett måste för att kunna skapa en sökordsoptimerad sajt, optimerad för att hamna högt upp när man söker på de relevanta sökord kopplade till sajten i fråga.

Sökmotoroptimeringen är främst utvecklarens jobb, att skapa en struktur på sajten som sökmotorerna tycker om och enkelt kan läsa igenom. Sökmotorerna(t ex Google) prioriterar ofta högst de ord som finns med i sidans titel, URL, rubrik, textlänkar och de andra ord som på något sätt är markerade, t ex genom fet- eller kursiverad stil. De sajter vi bygger skapar i regel en titel och URL baserad på den aktuella sidans titel vilket gör det än mer viktigt att man skapar en relevant titel innehållandes de sökord som folk kan tänkas använda ner de söker det innehåll som sidan innehåller.

Exempel på bra strukturerad URL Ifall jag äger sajten sportregler.se och vill presentera de regler som gäller för 11-manna-fotboll kan en SEO-anpassad URL se ut som följer:
http://www.sportregler.se/fotboll/regler/11-manna-fotboll
Ni hittar alltså fem stycken relevanta sökord i adressen; en talande URL. Ett icke SEO-optimerat varningsexempel skulle kunna se ut som följer:
http://www.sportregler.se/node140

Att skapa en sökmotoroptimerad sajt är en hel vetenskap, men ifall man håller sig till dessa tumregler har man kommit en bra bit på vägen. Läs Google rekommendationer för mer information.

Sökordsoptimeringen När sajten väl är uppbyggd av en SEO-kunnig utvecklare återstår jobbet hos sajtens publicist att optimera sidans innehåll efter de sökord man valt att prioritera. Ifall man vill att ens sida ska rankas högt upp i sökresultaten är det viktigt att alltid ha i åtanke att placera nyckelord i rubriker, att de finns med i texterna och att de på något sätt markeras. Därmed inte sagt att du ska rabbla sökord på dina sidor, de ska givetvis även vara anpassade efter läsarna, det är ju trots allt för dem du skriver.

Google Likes Links är ett bra måtto att ha i bakhuvudet när man skapar innehåll på en sajt. Både interna länkar och externa länkar gillas av Google. Men precis som alltid annars måste du använda sunt förnuft, att länka till irrelevanta sidor bara för att uppskattas aldrig, varken av Google eller dina läsare. Hjälp både dina läsare och sökmotorrobotarna genom att länka till likasinnade sidor som är relevanta för det innehåll som du presenterar.

Ha tålamod när du optimerar din sajt. Det kan dröja upp till ett halvår innan din optimering ger resultat, se därför till att du gör rätt från början och ha tålamod medan din marknadsföring slår rot hos sökmotorerna.

Brott lönar sig aldrig, inte heller på webben. Att försöka fuska sig fram bra sökmotorplacering straffar sig oftast genom att din sajt hamnar långt ner i sökresultaten eller, i värsta fall, försvinner helt från sökresultaten. Var därför noggrann när du skapar din sajt och följ de riktlinjer som Google har satt upp för att inte hamna på svartlistan.

Ifall du vill ha tips eller hjälp med din SEO-anpassning är du välkommen att kontakta oss.

Tags:

5 anledningar till att ditt företag ska använda Drupal

19 oktober, 2009 | Inga kommentarer | Postad i Tips

Anledningarna till att välja Drupal som publiceringssystem är många, här listar vi en handfull av dem.

  1. Drupal är med sina över 4 000 moduler skalbart och lätt att anpassa till dina behov.
  2. Drupals administreringsgränssnitt gör det enkelt att hålla även komplexa webbplatser uppdaterade för dig.
  3. Drupal är kostnadsfritt, har öppen källkod och används av ett flertal webbyråer i Sverige, vilket gör dig leverantörsoberoende.
  4. Drupal är sökmotoroptimerat vilket gör att din sajt får bättre ranking hos sökmotorer, t ex Google.
  5. Drupal är ett beprövat CMS som används på över 200 000 webbsajter(11 oktober 2009), en ökning med över 100% från samma tidpunkt 2008.

Här är en lista över organisationer som använder Drupal, bland dem finns Nasa och AOL:
”High Profile Sites That Run on Drupal”

Tags: ,

Width Dynamic lanserar Livechecken tillsammans med Pronto Communication

8 oktober, 2009 | Inga kommentarer | Postad i Portfolio

Livechecken

Pronto Communications sökte en webbyrå som, med snabb leverans, kunde skapa en sajt för bidragssökande av Livechecken, och vände sig till Width Dynamic. Med en redan förutbestämd grafisk formgivning skapade vi en sajt, byggd i publiceringssystemet Drupal, där bidragssökande kan lägga upp information om sitt band och besökarna sedan kan få rösta om vilket band som bör tilldelas bidraget.

Tags: ,

blackbeat.se

7 juli, 2009 | Inga kommentarer | Postad i Portfolio

Blackbeat

Width Dynamic har skapat en ny blogg åt AIK Media. Bloggen är byggd i Wordpress. Width Dynamic har tagit fram både kod och design.

Tags: ,

Width Dynamic hjälper Natur och Kultur med Stereotyper.nu

23 maj, 2009 | Inga kommentarer | Postad i Portfolio

Stereotyper.nu

Stereotyper – Ungas fördomar idag är en tävling där 3 000 skolelever har fått bidra med sin bild av dagens fördomar. Width Dynamic hjälpte Natur och Kultur att implementera ett röstningssystem på Stereotyper.nu. Sajtens besökare tilläts rösta på de 30 bästa bidragen för att utse vilka som var absolut bäst, där även de 20 första röstande besökarna fick två stycken biobiljetter.

Carwinism med Audi

15 februari, 2009 | Inga kommentarer | Postad i Portfolio

Carwinism

På uppdrag av Prime PR hanterade vi alla webbutveckling under arbetet med carwinism.se.

  • Snabbfakta

    Width Dynamic är en ung webbyrå som drivs av Alexander Wåland och Simon Strand. Vi hjälper dig att producera exempelvis kampanj- och organisations-webbplatser, Facebook-applikationer, och analys av, samt rådgivning om, webblösningar.


    Kontakta oss på eller ring Alexander Wåland, VD, på 0736 905 125.