Moji priatelia to dostanú do kopy, pretože len zriedka odpoviem na svoj telefón ... ale hej ... toto je o pomoci váš spoločnosť, nie moja! S obrovským nárastom počtu telefónov iPhone, Android a ďalších smartfónov je naozaj čas, aby ste začali optimalizovať svoje stránky na použitie v mobilnom prehliadači.
Spoločnosti zaznamenávajú, že značná časť svojich návštevníkov prichádza cez mobilné zariadenia. Mať responzívnu webstránku, ktorá vyzerá skvele na mobilnom zariadení, už nie je možnosť, je to nevyhnutnosť.
Tu je jedna vec, ktorá sa často prehliada pri vytváraní mobilného zážitku... hypertextové prepojenie na vaše telefónne čísla aby používatelia mobilných zariadení mohli na ne jednoducho kliknúť a uskutočniť telefonický hovor. Syntax je dosť jednoduchá:
13172039800
Typický kotviaci štítok s webovým odkazom využíva URL v hodnote, e-mailový odkaz využíva mailto... syntax pre telefónne číslo je jednoduchá tel. Hodnotu som testoval so zátvorkami, bodkami a pomlčkami a bez nich a zdá sa, že všetko funguje na iPhone aj Droid. Odporúčam však uviesť do telefónneho čísla kód krajiny a z hodnoty href odstrániť všetky pomlčky, medzery alebo bodky.
Ak chcete merať, koľko ľudí klikalo na tieto odkazy, môžete si prečítať náš článok o tom, ako na to pridajte udalosť Google Analytics pomocou Správcu značiek Google.
Génius Doug! Naplánujte si, že to začnem používať na všetkých mojich klientskych stránkach. Dobre, keď to zverejním na svojom blogu? Samozrejme, že vám dávam úplné autorstvo. Úžasné! 😎
Existuje teda dôvod, aby ste do telefónneho čísla NEZADÁVALI zátvorky, bodky alebo pomlčky? A funguje html telefónne číslo ako značka názvu? Existuje nejaká výhoda SEO v súvislosti s vytvorením značky názvu v kóde href?
@edeckers Zdá sa, že štandard RFC3966 nepodporuje zátvorky, ale podporuje kopu ďalších možností a symbolov pre medzinárodné volania, pobočky atď.:
http://www.ietf.org/rfc/rfc3966.txt
Čo sa týka SEO, nechápem prečo nie! Obchodný názov + „telefónne číslo“ by mohol byť dobrý spôsob implementácie!
Ahoj, to je super trik, ale skúsil som to a Firefox mi dal škaredú chybovú správu, že nevie, ako čítať odkaz. Podľa mňa nestojí za škaredé chybové hlásenie, keď niekto klikne na odkaz na počítači, len aby mal mobilný telefón prístup k odkazu. „Dlhé stlačenie“ telefónneho čísla v systéme Android a číslo sa aj tak automaticky pokúsi zavolať. Mýlim sa? Existuje nejaké riešenie?
Je to určite cielené na mobilného používateľa In House.
Tomu sa vždy môžete vyhnúť detekciou prehliadača. Vložte ho do divu, ktorý je skrytý pre prehliadače, ktoré nie sú mobilné alebo majú väčšie rozlíšenie.
Ďakujeme za tento príspevok sprostredkovateľa Doug :)
Ďakujem ti veľmi pekne. jednoduché, ako ste povedali, ale efektívne. Môžete ísť o pár krokov ďalej a vytvoriť odkaz na ikonu a vytvoriť nadpis v ukotvenej značke, ktorý zobrazí vaše telefónne číslo a ďalšie pokyny pre používateľov, ktorí umiestnia kurzor myši na ikonu. Ešte raz ďakujem!
môžeme pridať aj text na telefónne číslo hypertextového odkazu?
Verím, že premenná href umožňuje iba čísla ... do samotnej značky ukotvenia však môžete vložiť akýkoľvek text, ktorý chcete.
Toto je skvelý trik! Odteraz to začnem pridávať na stránky. Vďaka!
Nie som si stopercentne istý (a viem, že toto je dosť stará diskusia, takže sa to nemusí dať znova prežiť), ale nerobí to dnes väčšina inteligentných telefónov automaticky?
@ facebook-502306174: disqus mnohí áno, ale mnohí tiež nesprávne naformátujú toto číslo, pokiaľ ho nedefinujete.
Vďaka.
Len jednoduchá oprava ... povedali ste, že odporúčate „ponechať všetko okrem skutočných čísel v href hodnote“
Som si istý, že máte na mysli „ponechať si všetko okrem skutočných čísel NAŠA Z HREF hodnoty“
Alebo by ste len vytočili kopu interpunkcie 🙂
Vďaka Brian!
Vďaka Douglasovi, Čo je panel sociálnych médií, ktorý používate? Váš blog vyzerá skvele a máte veľa skvelého obsahu. Chceli by sme sa pripojiť na Google Plus. Ešte raz ďakujem
Ďakujem Dean! Po dlhom hľadaní skvelého riešenia po sieti som pristál ďalej Shareaholic. Má kopu ďalších funkcií, ktoré nepoužívame - ale je veľmi flexibilný!
Z tohto stĺpca stále neviem, ako poslať e-mailom telefónne číslo - na mobilný telefón, takže môj šéf na neho môže iba klepnúť a zavolať.
Ahoj Dee, váš e-mailový softvér by musel podporovať HTML a schopnosť pridať hypertextový odkaz, ktorý popisujeme vyššie. Tento článok bol viac o tom, ako to urobiť na mobilnom webe, nie e-mailom.
Ahoj Douglas, ako dobre to funguje pre medzinárodných volajúcich? Myslíte si, že je najlepšie použiť medzinárodné (napr. +44) číslo alebo miestnu predvoľbu?
Úprimne povedané, Ben, verím, že to funguje bezchybne. Verím, že mnoho medzinárodných volajúcich používa miestne smerové čísla. Nigérijskí podvodníci okamžite prichádzajú na myseľ. 🙂
Ahoj, dá sa hashtag použiť ako hypertextový odkaz na začatie telefónneho hovoru? Počul som, že už to bolo spomenuté, ale nevidel som to. Ďakujem!
Toto som ešte nevidel. Predpokladám, že by ste mohli napísať nejaký doplnok alebo skript, ale nejde o natívnu funkciu HTML.
Ako môžem vytvoriť tlačidlo „Zavolať teraz“ v e-mailovom marketingovom programe, ako je napríklad Microsoft Publisher? Tiež ako by som to vložil do mailchimpu?
Takže nemusím uvádzať - alebo. medzi číslami? Ako by ste tiež zahrnuli príponu, aby hypertextový odkaz zavolal príponu priamo?
V rámci hodnoty href nechcete, aby boli medzi číslami čiarky alebo bodky. Do ukotveného textu môžete napísať čokoľvek.
Skvelý článok - veľmi užitočný. Vďaka!
Veľký článok.
Ahoj Douglas, ďakujem veľmi pekne za zdieľanie tohto kódu.
Skvelý tip Doug! Ďakujem. Tento článok je relevantnejší, o 6 rokov neskôr bude všetko v mobile.
Funguje to!! Vďaka Doug !! 😉
Vďaka za vašu pomoc!
Veľmi poučný návod! Vlastne sa mi lepšie páči aspekt „widgetu typu click-to call“ namiesto „telefónneho čísla, na ktoré je možné kliknúť“. Po vyskúšaní doplnku Callback Tracker na mojej stránke vidím oveľa viac výsledkov so schopnosťou volať svojim potenciálnym zákazníkom namiesto toho, aby mi volali. Osobne to na väčšine stránok považujem za potrebné. Tu je odkaz na doplnok https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
Veľmi cool, ďakujeme za zdieľanie!