Mine venner får et spark ud af dette, da jeg sjældent svarer på min telefon ... men hej ... dette handler om at hjælpe din firma, ikke mit! Med den enorme stigning i iPhones, Droids og andre smartphones er det virkelig på tide, at du begynder at optimere dit websted til brug i en mobilbrowser. Vi lavede for nylig en helt anden brugeroplevelse til en klient, idet vi frigav en mobilversion af webapplikationen, vi byggede dem, og optimerede den til brug på iPhone og Droid.
Mens din virksomhed muligvis ikke har råd til en hel ombygning af dit websted til mobilbrug, er der en enkel ting, du kan implementere med det samme: hyperlink dine telefonnumre så mobilbrugere simpelthen kan klikke på dem og starte et telefonopkald. Syntaksen er ret enkel:
3177594940
En typisk ankermærke med et weblink bruger en URL i værdien, bruger et e-mail-link mailto... syntaksen for et telefonnummer er simpelthen tel. Jeg har testet værdien med og uden parenteser, perioder og bindestreger, og alt ser ud til at fungere på både iPhone og Droid. Jeg vil dog stadig begrænse telefonnummeret til kun de faktiske numre i href-værdien.
Tænk bare på, hvor mange bilulykker du måske redder folk fra, så de ikke behøver at prøve at huske eller skrive nummeret ned!
Geni Doug! Planlæg at begynde at bruge det på alle mine kundesider. Okay hvis jeg sender dette på min blog? Selvfølgelig giver du fuldt forfatterskab. Meget sejt! 😎
Så er der nogen grund til IKKE at sætte parenteser, punktum eller bindestreger i et telefonnummer? Og fungerer html-telefonnummeret som et titelmærke? Er der nogen SEO-fordel ved at lave et titel-tag inden for href-koden?
@edeckers RFC3966-standarden ser ikke ud til at understøtte parenteser, men understøtter masser af andre muligheder og symboler til internationale opkald, lokalnumre osv.:
http://www.ietf.org/rfc/rfc3966.txt
Hvad angår SEO, kan jeg ikke se, hvorfor ikke! Måske kan virksomhedsnavnet + "telefonnummer" være en god måde at implementere på!
Hej, det er et sejt trick, men jeg prøvede dette, og Firefox gav mig en grim fejlmeddelelse, der sagde, at den ikke vidste, hvordan man læste linket. For mig er det ikke en grim fejlmeddelelse værd, når nogen klikker på linket på et skrivebord bare for at få en mobiltelefon til at få adgang til linket. "Langt tryk" på telefonnummeret på Android, og det forsøger automatisk at ringe til et nummer alligevel. Er jeg forkert? Er der et arbejde rundt?
Det er bestemt målrettet mod den mobile bruger, In House.
Du kan altid undgå det ved browserregistrering. Sæt det i en div, der er skjult for browsere, der ikke er mobile / større opløsning.
Tak for dette henvisningsindlæg Doug :)
Mange tak. simpelt som du sagde, men alligevel effektivt. Du kan gå et par skridt videre og få det til at linke til et ikon og oprette en titel i ankermærket for at få vist dit telefonnummer og yderligere instruktioner til brugere, der holder musen over ikonet. Tak igen!
kan vi også tilføje tekst til hyperlinkets telefonnummer?
Jeg tror, at href-variablen kun tillader tal ... du kan dog placere den tekst, du vil have, i selve ankermærket.
Dette er et godt trick! Jeg vil begynde at tilføje dette til websteder fra nu af. Tak!
Jeg er ikke 100% sikker (og jeg ved, at dette er en temmelig gammel diskussion, så dette er måske ikke genopladeligt), men gør de fleste smartphones det ikke i disse dage automatisk nu?
@ facebook-502306174: disqus mange gør, men mange formaterer også nummeret forkert, medmindre du definerer det.
Tak.
Bare en simpel korrektion ... du sagde, at du anbefaler, at vi "beholder alt andet end de faktiske tal i href-værdien"
Jeg er sikker på, at du mener "hold alt undtagen de faktiske tal VOR AF href-værdien"
Ellers ringer du bare en masse tegnsætningstegn 🙂
Tak Brian!
Tak Douglas, Hvad er den sociale mediebar, du bruger? Din blog ser godt ud, og du har en masse godt indhold. Vil meget gerne oprette forbindelse på Google Plus. Tak igen
Tak Dean! Efter meget at have søgt rundt på nettet efter en god løsning landede jeg på Shareaholic. Det har mange flere funktioner, som vi ikke bruger - men det er meget fleksibelt!
Jeg ved stadig ikke fra denne kolonne, hvordan man mailer et telefonnummer - til en mobiltelefon, så min chef kan bare trykke på det og ringe.
Hej Dee, din e-mail-software skal understøtte HTML og evnen til at tilføje det hyperlink, vi beskriver ovenfor. Denne artikel handlede mere om, hvordan man gør dette på et mobilwebsite, ikke en e-mail.
Hej Douglas, hvor godt fungerer dette for internationale opkaldere? Synes du det er bedst at bruge et internationalt (f.eks. +44) nummer eller et lokalt områdekode?
For at være ærlig, Ben, tror jeg, det fungerer fejlfrit. Jeg tror, at mange internationale opkaldere bruger lokale områdenumre. Nigeria fidus kunstnere kommer straks til at tænke på. 🙂
Hej, kan et hashtag bruges som et hyperlink til at starte et telefonopkald? Jeg hørte det nævnt forleden, men har ikke set det. Tak skal du have!
Jeg har ikke set dette endnu. Jeg formoder, at du kunne skrive en slags plugin eller script, men det er ikke en native HTML-funktion.
Hvordan opretter jeg en “ring nu” -knap i et e-mail-marketingprogram som Microsoft Publisher? Hvordan ville jeg også sætte det i mailchimp?
Så jeg behøver ikke at medtage - eller. mellem tallene? Hvordan vil du også medtage en udvidelse, så hyperlinket kalder udvidelsen direkte?
Inden for href-værdien vil du ikke have bindestreger eller prikker mellem tallene. Inden for ankerteksten kan du skrive hvad som helst.
Fantastisk artikel - meget hjælpsom. Tak!
Stor artikel.
Hej Douglas, meget tak for at dele denne kode.
Fantastisk tip Doug! Tak skal du have. Denne artikel er mere relevant 6 år senere med alt, hvad der bliver mobilt.
Det virker!! Tak Doug !! 😉
Tak for din hjælp!
Meget informativ tutorial! Faktisk kan jeg godt lide aspektet af en "klik for at ringe-widget" i stedet for et "klikbart telefonnummer". Efter at have afprøvet Callback Tracker-pluginet på mit websted, ser jeg meget flere resultater med evnen til at ringe til mine leads, i stedet for at få dem til at ringe til mig. Personligt ser jeg det som nødvendigt på de fleste websteder. Her er linket til plugin https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
Meget sejt, tak for deling!