Webdesign | Digital forum

Webdesign

Maak een Facebook App in 10 minuten

Kristof Webdesign

Applicaties voor Facebook maken is hot momenteel, dat weet iedereen.
De marketing mogelijkheden zijn enorm!

Wat ik jullie vandaag wil laten zien is dat een applicatie op Facebook zetten helemaal niet zo moeilijk is. Integendeel, op 10 minuten krijg je dit voor elkaar!
De truck is wel van een applicatie te schrijven die de mensen blijft aantrekken :-)

Let op, dit gaat over de applicatie online zetten, niet over het maken van de applicatie. In mijn voorbeeld gebruiken we één of ander gratis script dat iedereen kan vinden op internet
(bv. http://javascript.internet.com/ )

1 – Maak je applicatie pagina (2 min)

Als je zelf een applicatie hebt kan je die van jou gebruiken, anders kan je de code hieronder gebruiken.

via deze link kan je de code downloaden (rechtermuisklik en 'opslaan als')

Dit is maar een eenvoudig spelletje maar het gaat om het voorbeeld.
(je kan de code aanpassen zoveel je wil, dat is eenvoudig, maar ik apprecieer het als je de link naar mijn blog er onderaan laat instaan)

Save je pagina ergens op je website bv. www.primalshop.be/lovegame.html

Log nu in op Facebook

2 – Installeer de developer applicatie (1 min)
http://developers.facebook.com/get_started.php

3 – Maak de applicatie (1 min)

Klik op de ‘create application’ link

4- Vul de details in (5 min)

Naam toepassing: De naam die je wil gebruiken. Bij mij was dat ‘Lisas Love Advice’

Terms of Service: Aangeven dat je akkoord bent

Vul nu de rest van de basis gegevens in en klik dan op de tabbladen langs de zijkant.
Afhankelijk van de taal dat je gebruikt moet je soms even zoeken maar onderstaande velden moeten ingevuld worden:

Callback Url: dit moet de rootdirectory zijn waar je applicatie staat. Bij mij is dat dus www.primalshop.be/ . Je mag zeker niet vergeten van de / te zetten.

Canvas page Url: hier moet je een unieke naam voor je applicatie zetten, bij mij is dat lisasloveadvice , dat kunnen jullie dus al niet meer gebruiken.

Iframe: aanvinken

Authentificatie-instellingen: Facebook ook aanvinken

Op deze moment sla je best je wijzigingen al eens op en bekijk je je applicatie.
De rest van de velden kan je invullen door te zien wat er nog mankeert.

Normaal gezien zou je iets in deze genre moeten hebben nu: http://apps.facebook.com/lisasloveadvice/

5- Promoot je applicatie!

Als je vragen hebt of het lukt niet meteen, post dan een comment.

Succes!

Kristof

Add a comment

_gaq undefined in Magento

Kristof Webdesign

Magento tip Toen ik onlangs mijn Google Analytics code toegevoegd had aan men nieuwe Magento shop kreeg ik wel een heel vervelend iets te zien!

Onderaan de pagina in de status balk kwam er telkens: 'Done but with errors on the page'. Als je verder in de details gaat kijken, zie je het volgende:

"_gaq is undefined"

Niet echt netjes voor een webshop die over webdesign gaat :-)

De enige echte oplossing voor dit probleem is dit:

Ga naar het bestand ga.php in /app/code/core/Mage/GoogleAnalytics/Block.

Open het bestand zodat je het kan bewerken en zoek naar _gaq.push javascript

Op de lijn ervoor zet je: “var _gaq = _gaq || [];” (ong. lijn 179, zonder "")

Nu moet je enkel nog even de cache ledigen en problem solved!

Add a comment

Iets over favicons

Kristof Webdesign

Een logootje van 16x16pixels... Het lijkt verwaarloosbaar maar dat is het niet!

Een favicon is het verschil tussen een compleet afgewerkte site of een site waarvan men kan zeggen dat er iets ontbreekt.

Heel veel mensen weten waarschijnlijk niet waarover ik het heb en toch heeft iedereen onbewust al 10-tallen favicons gezien. Deze voorbeelden maken waarschijnlijk duidelijk waar ik het over heb:

Het gaat hier over de piepkleine logos die je in de adresbalk van je browser ziet staan.

Iemand die een website bezoekt, en zeker iemand die er iets van kent, merkt onbewust of dit icoontje er staat of niet. Als je dus een website gaat maken, zorg dan dat je ook aan je favicon denkt.

Je kan dit heel gemakkelijk zelf maken:

Maak in je favoriete tekenprogramma een logo en verklein het tot 16x16pixels.
Sla het bestand nu op als favicon.ico
Let er op dat sommige favicons een transparante achtergrond nodig zullen hebben, anders lijkt het op niks.

Zo, je favicon is nu klaar om op het internet gezet te worden.

Open je ftp client en kopieer het bestand in de root van website (meestal is dit waar je ook index.html terug kan vinden)

Als mensen nu naar je website surfen zullen ze niet langer het standaard icoontje van Microsoft zien maar wel jouw nieuwe favicon.

Weet je niet onmiddellijk weet hoe je dit kan doen met je tekenprogramma, kan je ook gebruik maken van deze site: http://www.favicongenerator.com/

Mocht je ergens een leuke favicon zien en deze van dichterbij willen bekijken kan dit door onderstaande trick toe te passen:

Kopieer in de adresbalk van je browser: http://www.google.com/s2/favicons?domain_url=http://www.eendomein.be en je ziet onmiddellijk de favicon en kan hem indien gewenst downloaden.

Hebben jullie nog tips? Zet ze in de comments!

Add a comment

Een killer landingspagina

Kristof Webdesign

Landingspagina Als eigenaar van een webpagina wil je maar één ding: je wil bezoekers, hoe meer hoe beter!

Dat klopt waarschijnlijk wel, maar daar ga je het niet mee redden.

Elke website is namelijk opgezet met een doel. Bij de ene kan dat zijn artikels aanbieden aan lezers, bij de andere kan dat zijn producten verkopen.

Iemand anders kan zelfs een website opzetten met alleen maar Google Ads, puur om inkomsten te verkrijgen.

Hoe het ook zij, bezoekers krijgen is het begin.

Eens je die bezoekers hebt, eender vanwaar je ze haalt, wil je dat ze overgaan tot een bepaalde actie en dat is minder evident.

Als blogger wil je dat je artikels worden gelezen en als shop eigenaar wil je producten verkopen. Logisch, maar niet altijd even evident.

Hoe zorg je dan dat je bezoekers doen wat jij wil?

Dat is de hamvraag en het antwoord is simpel, maak een landingspagina!

Een landingspagina is een pagina die speciaal ontworpen is om bezoekers aan te zetten tot een bepaalde actie. Wat die actie kan zijn heb je hierboven al gelezen.

Je kan het natuurlijk zo ingewikkeld en zo mooi als je zelf wil gaan maken, maar er zijn heel wat mensen die dit voor jou al hebben uitgezocht. Een goede landingspagina moet voldoen aan een paar voorwaarden. Je wil namelijk dat een bezoeker gaat doen wat jij wil en dat doe je door een bepaalde 'Call to Action' op je pagina te zetten.

De manier en zelfs het uitzicht waarop je bepaalde dingen breng, is in dat proces heel belangrijk. Zoals ik hierboven al zei zijn er al honderden mensen die hier onderzoek naar gedaan hebben, dus geen reden om dit zelf te gaan uitzoeken.

Omdat één beeld meer zegt dat duizend woorden heb ik voor jullie al wat opzoekwerk gedaan. Hieronder kunnen julle een landingspagina gaan downloaden die je volledig naar je eigen wensen kan aanpassen.

Begin echter niet met de kleuren en dergelijke te spelen want het is juist dat dat belangrijk is. Blijkbaar werkt rood heel goed en blijkbaar werkt de rest van de zaken die ze daar aanhalen ook.

Denk dus niet dat je het beter weet, ik heb deze 'geleend' van een kerel die weet waarover hij spreekt.

Als je ze grafisch beter kan maken, laat je dan vooral gaan! Het gaat hem hier enkel over de inhoud.

Een voorbeeld hoe je dit kan aanpassen, vind je hier: www.primalshop.be/promotie/fietskleding.html

Als je het voorbeeld wil downloaden, doe je dat hier: landingspagina.rar

Groeten

Kristof

Add a comment

Wordpress importeren in Blogger

Kristof Webdesign

Wordpress 2 Blogger Als je als blogger ooit van plan bent om je Wordpress blog om te zetten naar een gratis www.blogger.com blog, kan onderstaande van pas komen.

Blogger.com is de gratis blog dienst van Google. De service op zich is makkelijk in gebruik en heeft verschillende gadgets die je op je blog kan plaatsen. Ik denk bijvoorbeel aan Google Adsense.

Stel dat je nu een Wordpress hebt draaien en die wil omzetten op een gratis account van Google omdat je dan geen webspace meer nodig hebt, moet je onderstaande stappen doorlopen.

1 - In het admin gedeelte van Wordpress ga je je berichten exporteren. Je moet een xml file downloaden op je pc.
2 - Ga naar wordpress2blogger en converteer je xml bestand.
3 - In je Blogger account kan je nu bij 'instellingen > basis' klikken op 'Blog importeren'. Je upload het xml bestandje dat je net geconverteerd hebt en that's it..

Eén belangrijke beperking is er wel. Je kan geen files die groter zijn dan 1mb converteren. Voor mensen die een zeer grote blog hebben lukt dit dus niet.

Tenzij je ervoor zorgt dat je je artikelen kan verdelen per auteur. Dan kan je vanuit Wordpress verschillende kleinere files exporteren.

Add a comment

Meer artikelen...