Na poslu često sjedamo za laptop ili desktop kako bismo pogledali naše korporativne web stranice na velikom ekranu... ali ako pogledate mobilne posjete vašoj web stranici, možda ćete se zaprepastiti da većina posjetitelja dolazi putem mobilnog telefona. uređaj. Ako počnete raščlanjivati promet prema izvoru preporuke, vjerojatno ćete se još više iznenaditi da su korisnici tražilice pretežno mobilni.
63% pretraživanja na pretraživačima u SAD-u je putem mobilnih tehnologija. 48% globalnih posjeta web stranicama dolazi s mobilnih uređaja.
Budući da preduzeća sada vide značajan dio svojih posjetitelja kako dolazi putem mobilnih uređaja, web stranica spremna za mobilne uređaje više nije opcija, već je neophodno.
Jedan element koji se često zanemaruje prilikom izgradnje mobilnog iskustva je hiperveze vaših brojeva telefona in HTML tako da mobilni korisnici mogu jednostavno kliknuti na njih i započeti telefonski poziv. Anchor tagovi su oznake koje se mogu izvršiti koje pretraživači tumače i omogućavaju korisnicima da kliknu. Tipična oznaka sidra za web stranicu je:
<a href="https://martech.zone">Martech Zone</a>
Sidrena oznaka koja otvara email je:
<a href="mailto:info@martech.zone">Click here to email us!</a>
Uz mailto, opciono možete uključiti predmet i tijelo e-pošte unutar veze. Ipak, ja bih se pobrinuo da URL kodirate tekst. Neki pretraživači će se pokvariti na razmaku:
<a href="mailto:info@martech.zone?subject=Hi%20Doug&body=This%20is%20a%20test!">Click here to email us!</a>
Broj telefona: Hiperlink kliknite za poziv
Sintaksa za hipervezu na telefonski broj u HTML-u je slična sintaksi mailto-a, samo koristeći Telefon: umjesto:
<a href="tel:+13172039800">Click here to call us!</a>
Sintaksa vašeg telefonskog broja zapravo nije bitna. Testirao sam vrijednost sa i bez znakova plusa, zagrada, tačaka i crtica i čini se da sve radi i na iPhoneu i na Androidu.
Trudim se da stvari budu čiste uklanjajući sve osim brojeva. Takođe bih preporučio da u telefonski broj uključite pozivni broj zemlje sa znakom plus – posebno ako privlačite posao na međunarodnom nivou.
Kada optimiziramo web stranice naših klijenata, osiguravamo da su sve instance telefonskih brojeva hiperlinkovane. Ako se radi o pozivu na akciju, vezu obično formatiramo kao dugme kako bi bilo očigledno da se na nju može kliknuti.
Broj telefona: kliknite za slanje teksta hipervezom
Takođe možete imati hipervezu koja automatski generiše an SMS poruka:
<a href="sms:+13172039800">Click here to text us!</a>
Po želji možete uključiti i poruku:
<a href="sms:+13172039800?&body=Hello">Click here to text us!</a>
Kako snimiti broj telefona Kliknite u analitici
Također osiguravamo da ove događaje bilježimo u Google Analytics! Ako želite izmjeriti koliko ljudi klikne na ove veze, možete pročitati naš članak o tome kako to učiniti dodajte Google Analytics događaj koristeći Google Tag Manager.
Genije Doug! Planirajte da to počnete koristiti na svim stranicama mojih klijenata. U redu ako ovo objavim na svom blogu? Naravno da vam daje puno autorstvo. Veoma cool! 😎
Dakle, postoji li razlog da NE stavljate zagrade, tačke ili crtice u broj telefona? I da li html broj telefona djeluje kao naslovna oznaka? Ima li SEO koristi od izrade oznake naslova unutar href koda?
@edeckers Čini se da standard RFC3966 ne podržava zagrade, ali podržava gomilu drugih opcija i simbola za međunarodne pozive, lokale, itd:
http://www.ietf.org/rfc/rfc3966.txt
Što se tiče SEO-a, ne vidim zašto ne! Možda bi naziv preduzeća + „broj telefona“ mogao biti dobar način za implementaciju!
Zdravo, to je super trik, ali probao sam ovo i Firefox mi je dao ružnu poruku o grešci da ne zna kako da pročita vezu. Za mene nije vrijedna ružne poruke o grešci kada neko klikne na link na desktopu samo da bi mobilni telefon mogao pristupiti linku. “Dugi pritisak” na broj telefona na Androidu i on će svejedno automatski pokušati nazvati broj. Jesam li u krivu? Ima li posla okolo?
Definitivno je namijenjen mobilnom korisniku, In House.
To uvijek možete izbjeći detekcijom pretraživača. Stavite ga u div koji je skriven za pretraživače koji nisu mobilni/veće rezolucije.
Hvala za ovaj referer post Doug :)
Hvala ti puno. jednostavan kao što ste rekli, a efikasan. Možete ići nekoliko koraka dalje i povezati ga sa ikonom i kreirati naslov u sidrenoj oznaci za prikaz vašeg telefonskog broja i daljnjih instrukcija za korisnike koji drže pokazivač miša preko ikone. Hvala još jednom!
možemo li dodati i tekst na telefonski broj hiperlinka?
Vjerujem da varijabla href dozvoljava samo brojeve... međutim, možete staviti bilo koji tekst koji želite unutar same oznake sidra.
Ovo je odličan trik! Počeću da dodajem ovo na sajtove od sada. Hvala!
Nisam 100% siguran (i znam da je ovo prilično stara diskusija, tako da ovo možda neće biti ponovno oživljeno), ali zar većina pametnih telefona ovih dana to ne radi automatski?
@facebook-502306174:disqus mnogi rade, ali mnogi takođe pogrešno formatiraju broj osim ako ga ne definirate.
Hvala.
Samo jednostavna ispravka… rekli ste da preporučujete da „sve osim stvarnih brojeva zadržimo U href vrijednosti“
Siguran sam da misliš "zadrži sve osim stvarnih brojeva NAŠU vrijednost href"
Inače biste samo birali gomilu interpunkcije 🙂
Thanks Brian!
Hvala Douglase, koju traku društvenih medija koristite? Vaš blog izgleda odlično i imate puno sjajnog sadržaja. Volio bih se povezati na Google Plus. Hvala još jednom
Hvala Dean! Nakon dugog traženja po internetu za sjajnim rješenjem, sletio sam na Shareaholic. Ima tonu više funkcija koje mi ne koristimo – ali je vrlo fleksibilan!
Još uvijek ne znam iz ove kolumne kako poslati broj telefona e-poštom – na mobilni, tako da moj šef može samo da ga dodirne i nazove.
Zdravo Dee, vaš softver za e-poštu bi trebao podržavati HTML i mogućnost dodavanja hiperveze koju smo opisali iznad. Ovaj članak je bio više o tome kako to učiniti na mobilnoj web stranici, a ne putem e-pošte.
Zdravo Douglase, koliko dobro ovo funkcionira za međunarodne pozive? Mislite li da je najbolje koristiti međunarodni (npr. +44) broj ili lokalni pozivni broj?
Da budem iskren, Bene, vjerujem da radi besprijekorno. Vjerujem da mnogi međunarodni pozivatelji koriste lokalne pozivne brojeve. Nigerijski prevaranti odmah padaju na pamet. 🙂
Zdravo, Može li se hashtag koristiti kao hiperveza za započinjanje telefonskog poziva? Čuo sam da se spominje neki dan, ali nisam vidio. Hvala ti!
Ovo još nisam vidio. Pretpostavljam da biste mogli napisati neku vrstu dodatka ili skripte, ali to nije izvorna HTML funkcija.
Kako da kreiram dugme „pozovi odmah“ u programu za marketing putem e-pošte kao što je Microsoft Publisher? Takođe, kako da ga stavim u mailchimp?
Dakle, ne moram uključiti – ili . između brojeva? Također, kako biste uključili ekstenziju tako da će hiperveza direktno pozvati ekstenziju?
Unutar vrijednosti href ne želite nikakve crtice ili tačke između brojeva. Unutar teksta sidra možete napisati bilo šta.
Odličan članak - od velike pomoći. Hvala!
Odličan članak.
Zdravo Douglase, hvala puno na dijeljenju ovog koda.
Odličan savjet Doug! Hvala ti. Ovaj članak je relevantniji, 6 godina kasnije sa svim mobilnim uređajima.
Radi!! Hvala Doug !! 😉
Hvala na pomoći!
Veoma informativan tutorijal! Zapravo, više mi se sviđa aspekt "klikni za poziv vidžet" umjesto "telefonskog broja koji se može kliknuti". Nakon što sam isprobao dodatak za praćenje povratnih poziva na svojoj web lokaciji, vidim mnogo više rezultata sa mogućnošću da pozovem svoje potencijalne klijente, umjesto da oni zovu mene. Lično, na većini sajtova to smatram neophodnim. Evo linka za plugin https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
Veoma cool, hvala na dijeljenju!