Hoe kinne jo tillefoannûmer hyperkeppelje om te skiljen as tekst yn in HTML-ankertag

Hoe kinne jo tillefoannûmers hyperkeppelje om te skiljen of tekst yn in HTML-ankertag

Op it wurk sitte wy faak op in laptop of in buroblêd om ús bedriuwswebsides op in grut skerm te besjen ... mar as jo de mobile besites oan jo webside besjen, kinne jo ferrast wurde dat de mearderheid fan 'e besikers fia mobyl oankomt apparaat. As jo ​​​​begjinne jo ferkear op te brekken troch ferwizingsboarne, sille jo wierskynlik noch mear ferrast wurde dat brûkers fan sykmasjines foaral mobyl binne.

63% fan sykmasjines sykjen yn 'e FS binne fia mobile technologyen. 48% fan wrâldwide websidebesites komt fan mobyl.

Zippia Mobile vs Desktop Statistics

Mei't bedriuwen no in signifikant diel fan har besikers sjogge fia mobile apparaten oankomme, is it hawwen fan in mobyl-klear webside net langer in opsje, it is in needsaak.

Ien elemint dat faaks oersjoen wurdt by it bouwen fan in mobile ûnderfining is hyperkeppeling fan jo telefoannûmers in HTML sadat mobile brûkers gewoan op har kinne klikke en in tillefoantsje begjinne. Ankertags binne de aksjebere tags dy't browsers ynterpretearje en brûkers kinne klikke. In typysk ankertag foar in webside is:

<a href="https://martech.zone">Martech Zone</a>

In ankertag dy't in e-post iepenet is:

<a href="mailto:info@martech.zone">Click here to email us!</a>

Mei mailto kinne jo opsjoneel it ûnderwerp en it lichem fan 'e e-post opnimme yn 'e keppeling. Ik soe der lykwols foar soargje dat jo de tekst URL kodearje. Guon browsers sille brekke op in spaasje:

<a href="mailto:info@martech.zone?subject=Hi%20Doug&body=This%20is%20a%20test!">Click here to email us!</a>

Tillefoannûmer: Klik om Hyperlink te skiljen

De syntaksis foar hyperkeppeling nei in telefoannûmer yn HTML is fergelykber mei de mailto-syntaksis, gewoan gebrûk Tillefoan: ynstee:

<a href="tel:+13172039800">Click here to call us!</a>

De syntaksis foar jo telefoannûmer makket net echt út. Ik haw de wearde hifke mei en sûnder plustekens, heakjes, perioaden en streepkes en alles liket te wurkjen op sawol iPhone as Android.

Ik besykje dingen skjin te hâlden troch alles útsein de sifers fuort te heljen. Ik soe ek oanbefelje de lânkoade op te nimmen yn it tillefoannûmer mei it plusteken - foaral as jo ynternasjonaal bedriuwen oanlûke.

As wy de siden fan ús kliïnten optimalisearje, soargje wy derfoar dat alle gefallen fan telefoannûmers hyperkeppele binne. As it in oprop-to-aksje is, formatearje wy de keppeling meastentiids as in knop om it heul dúdlik te meitsjen dat der op oanklikt wurde kin.

Tillefoannûmer: Klik To Tekst Hyperlink

Jo kinne ek hawwe in hyperlink dy't automatysk genereart in SMS berjocht:

<a href="sms:+13172039800">Click here to text us!</a>

Jo kinne opsjoneel ek in berjocht opnimme:

<a href="sms:+13172039800?&body=Hello">Click here to text us!</a>

Hoe kinne jo in tillefoannûmer opnimme Klikje yn Analytics

Wy soargje der ek foar dat wy dizze eveneminten fêstlizze yn Google Analytics! As jo ​​​​graach wolle mjitte hoefolle minsken op dizze keppelings klikke, kinne jo ús artikel lêze oer hoe't jo kinne foegje in Google Analytics-evenemint ta mei Google Tag Manager.

35 Comments

  1. 1

    Genius Doug! Plan om te begjinnen mei it brûken fan dat op al myn kliïntsites. Ok as ik dit op myn blog pleatse? Fansels jouwe jo folslein auteurskip. Hiel cool! 😎

  2. 2

    Dus is d'r ien reden om NET heakjes, perioaden of streepkes yn in telefoannûmer te setten? En docht it html-tillefoannûmer as in titeltag? Is d'r in SEO-foardiel foar it dwaan fan in titeltag binnen de href-koade?

  3. 3

    @edeckers De RFC3966-standert liket gjin haakjes te stypjen, mar stipet wol in ton oare opsjes en symboalen foar ynternasjonaal skiljen, tafoegings, ensfh.
    http://www.ietf.org/rfc/rfc3966.txt

    Wat SEO oangiet, ik sjoch net wêrom net! Miskien kin de bedriuwsnamme + "tillefoannûmer" in goede manier wêze om te ymplementearjen!

  4. 4

    Hoi, dat is in koele trúk, mar ik haw dit besocht en Firefox joech my in ûnsjoch flaterberjocht dat it net wist hoe't it de keppeling lêze moast. Foar my is it gjin ûnsjogge flaterberjocht wurdich as immen op de keppeling klikt op in buroblêd gewoan om in mobile tillefoan tagong te krijen ta de keppeling. "Lang drukke" op it telefoannûmer op Android en it besiket yn elts gefal automatysk in nûmer te skiljen. Fersin ik my? Is der in wurk om?

  5. 7
  6. 8

    Tige dank. ienfâldich lykas jo seine, mar effisjint. Jo kinne in pear stappen fierder gean en meitsje it keppele oan in ikoan en meitsje in titel yn 'e anker tag om jo telefoannûmer en fierdere ynstruksjes foar brûkers dy't hoverje harren mûs oer it ikoan. Nochris tank!

  7. 9
  8. 11
  9. 12
  10. 14
  11. 15

    Gewoan in ienfâldige korreksje ... jo seine dat jo oanbefelje dat wy "alles mar de eigentlike nûmers yn 'e href-wearde hâlde"

    Ik bin der wis fan dat jo bedoele "alles behâlde, mar de eigentlike nûmers ONS FAN de href-wearde"

    Of oars soene jo gewoan in boskje ynterpunksje kieze 🙂

  12. 16
  13. 17
  14. 19
    • 20

      Hoi Dee, jo e-postsoftware soe HTML moatte stypje en de mooglikheid om de hyperlink ta te foegjen dy't wy hjirboppe beskriuwe. Dit artikel gie mear oer hoe't jo dit dwaan kinne op in mobile webside, net in e-post.

  15. 21

    Hoi Douglas, hoe goed wurket dit foar ynternasjonale bellers? Tinksto dat it it bêste is om in ynternasjonaal (bgl. +44) nûmer te brûken, of in lokaal netnûmer?

    • 22
  16. 23

    Hoi, Kin in hashtag brûkt wurde as hyperlink om in telefoantsje te begjinnen? Ik hearde it de oare deis neamd, mar haw it net sjoen. Dankewol!

  17. 25
  18. 26
  19. 28
  20. 29
  21. 30
  22. 31
  23. 32
  24. 33
  25. 34

    Hiel ynformative tutorial! Eins fyn ik it aspekt fan in "klik om te roppen widget" ynstee fan in "klikber tillefoannûmer" better. Nei't ik de Callback Tracker-plugin op myn side besocht, sjoch ik folle mear resultaten mei de mooglikheid om myn leads te skiljen, ynstee fan dat se my neame. Persoanlik sjoch ik it as nedich op de measte siden. Hjir is de keppeling nei plugin https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.