Gi melding på mobil om redirect til mobil side

[akkapakka]

Hei.

 

Har forsøkt å søke men finner ikke hvordan man kan lage en "nofitication" på webside slik at besøkere med mobil får melding om at vi har en mobilside, ønsker du å gå dit? Ja / Nei.

 

Vet dere hvor jeg finner ressurser for dette?

 

Jeg kjenner jo til såkalte "redirect to mobile site" scripter, men jeg ønsker at bruker selv skal velge om han ønsker å gå til mobil side eller ikke. Og hvis man bruker den type javascript, vil det ikke være mulig å besøke fulle siden via mobil. Da den tvinger brukeren.

 

Takk på forhånd.

Endret 15. juli 2012 av akkapakka

[molty]

Du kan lagre en cookie i javascript etter hva brukeren har valgt. Har han godkjent at han vil besøke mobilsiden, lagrer du at mobilsiden er aktiv, i cookie.

 

http://www.w3schools.com/js/js_cookies.asp

 

Der ser du litt hvordan det fungerer

[Yawa]

En måte er å bruke CSS media query.

Brukere med skjermstørrelse mindre enn 480px (eks.) gjør at en vanlig div-boks, med ønsket info, blir synlig.

@media only screen and (max-width: 480px) {
   div#notification { display: block; }
}

 

Satt opp en kjapp demo for deg her:

http://jsfiddle.net/kMKW9/

 

Reduser nettleseren din og se at meldingen blir synlig når den blir smalere...

[agm]

Jeg synes du angriper ideen fra feil ende. Skal du ha en egen mobilside, må mobile brukere sendes hit, og deretter få spørsmål om de vil ha fullversjonen.

 

Hvorfor? Grunnen til at man har egne mobilsider er gjerne a) fordi det er mindre data å laste inn over 3G og lignende, b) fordi den fulle sidens layout bryter sammen, c) fordi det benyttes flash/scripts/osv som ikke fungerer/krasjer på mobile enheter. Da er det lureste å tvinge brukeren til en tilpasset mobilvisning, og så deretter gi et valg om å laste inn fullversjonen. I motsatt fall risikerer du at de som virkelig trenger mobilvisningen faktisk aldri kommer seg hit.

 

Men i de fleste tilfeller kommer du langt med å bygge opp en mobil-først responsiv layout uten noen egen mobilside.

[Yawa]

Kommer veldi ann på hva slags type nettsted det er snakk om.

Et godt strukturert nettsted, hvor utvikleren bevist har tatt forbehold for mobile brukere, behøves i de fleste tilfeller ikke noen egen dedikert mobil side.

 

Et par ting å tenke på:

- optimalisering av bilder samt bruke minst mulig, eller helst ingen, bilder til utforming av layout

- begrense http spørringer i form av å samle css og js filer til en fil samt gjøre de om til en minified/compressed versjon ved publisering.

- ved innlasting av php innhold som funksjoner og klasser; Ta seg tid til å begrense dette ved å tenke hollywood prinsippet: "don't call us, we call you". Altså inkludere innhold kun når det er nødvendig og faktisk skal brukes.

- gzippe hele nettstedet.

- cache nettstedet riktig

- ... for å nevne noen...

 

Ved bruk av javascript kan man sjekker nedlastingshastigheten for å avgjøre hvilket innhold som skal lastes ned/inn på siden til hver enkelt bruker.

Videre kan css media queries benyttes for en responsiv layout...

 

EDIT:

overstående prinsipper gjelder forøvrig alle nettsteder til enhvert tid. Uavhengig hvilke formål...

Endret 16. juli 2012 av Yawa