Mobiele site maken: bezoekers de juiste site tonen

pc of mobiele websiteMobiele telefoons variëren sterk van gewone computers. Niet alleen is het scherm van een mobiele telefoon fysiek veel kleiner, de schermresolutie is dat ook. Mobiele telefoons gebruiken speciale mobiele browsers als Opera Mini of Mobile Safari. Deze bieden helaas nog niet dezelfde functionaliteit als browsers op een pc. Toon daarom mobiele bezoekers een aangepaste versie van je website.

In dit artikel volgt een simpele manier om bezoekers die je website op een mobiele telefoon bekijken de juiste versie van je website te tonen. Meer informatie en geavanceerde technieken om een professionele mobiele website te tonen vind je op Device Atlas en bij Wurlf.

Als je overigens een website wil bouwen die alleen gericht is op mobiele telefoons dan is het in principe niet nodig om het onderscheidt te maken tussen een pc versie en een mobiele versie. De mobiele versie is immers de enige versie die nodig is.

PHP code genereren
Op Detect Mobile Browsers kun je een gratis PHP script downloaden dat in staat is om te detecteren met wat voor een apparaat een bezoeker je website bezoekt. Met dit PHP script kun je dus een pc gebruiker naar de normale website sturen en een mobiele telefoon gebruiker naar een mobiele versie van je website. Het script biedt een aantal speciale opties:

  • iPhone en iTouch. Met deze instelling bepaal je welke versie van je website iPhone en iTouch gebruikers te zien krijgen. Je kunt iPhone en iTouch eigenaren de gewone versie van je website tonen. Maar je kunt er ook voor kiezen om ze de mobiele versie van je website te tonen. Tenslotte kun je ook nog voor kiezen om eigenaren door te sturen naar een speciaal voor de iPhone en iTouchgeoptimaliseerde website door te sturen.
  • Android. Dezelfde opties als voor de iPhone en iTouch gelden ook voor Google Android toestellen, zoals T-Mobile’s G-1 telefoon.
  • Opera Mini. Browser maker Opera biedt twee browsers voor mobiele apparaten. Opera Mobiel is een volledige browser, terwijl Opera Mini een gratis java browser is. Ook hier kun je instellen hoe je website met toestellen met Opera Mini om moet gaan.

Er is ook een generator aanwezig om je werk gemakkelijker te maken. Het script is gratis te downloaden en gebruiken op niet commerciële websites. Voor 20 dollar (momenteel ongeveer 15 euro) mag je het script ook op commerciële websites gebruiken en krijg je er e-mailsupport bij. Het script en alle info die je nodig hebt vind je hier.

Gerelateerde artikelen
Mobiele website maken: in xHTML bouwen
Mobiele website maken: WML, C-HTML of xHTML?
Mobiele website maken: een mobi(el) domein

No related posts.

Gerelateerde bijdragen mogelijk gemaakt door Yet Another Related Posts Plugin.

Dit bericht was geplaatst inMobiel internet and tagged , . Bookmark the permalink. Plaats een reactie of laat een trackback achter:Trackback URL.

3 Reacties

  1. Geplaatst op februari 9, 2009 om 17:55 | Permalink

    Een erg handig script, bedankt voor de tip!

  2. Geplaatst op februari 18, 2009 om 21:48 | Permalink

    Inderdaad een prachtig script!
    Helaas ondersteunt mijn (gratis) host geen php.

    Is er een java-script alternatief?

  3. Martijn Couprie
    Geplaatst op februari 19, 2009 om 12:56 | Permalink

    Hoi Eugene, ik ben er helaas nog geen tegengekomen. Denk ook niet dat het met javascript kan, javascript werk client site, terwijl PHP en ASP server side werken. Misschien tijd voor een goedkope betaalde oplossing. Een domein + hosting heb je al voor een paar tientjes per jaar…

Plaats een reactie

Uw e-mailadres zal nooit gepubliceerd of gedeeld worden. Verplichte velden zijn gemarkeerd met *

*
*

U kunt de volgende HTML tags en attributen gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>