📜 ⬆️ ⬇️

Phone numbers in email clients

It would seem a simple task: output the phone number in the letter. What can be difficult? Classic. No one can come to a single standard.



Question of the day:


Use native, kink or reach the developers? I will not give an answer to it, because I myself am confused.
')
Take the number:

8 (800) 888-88-88


And we will pervert

Option number 1: Native


a { color:#0077cc !important } a[href^=tel] { color:#000000 !important; text-decoration: none; border-bottom:#000000 1px dotted; } p { color:#000000; } <p>  <b>8 (800) 888-88-88</b></p> 

What we get:


- Popular postage boards will show us a phone number. Even mail.ru now does not convert the number into a link for a call, although it did it earlier.
- Android honestly did not test yet.
- Gmail app does not convert link to call. The link remains unchanged.
- iOS apps: Mail, Outlook, Mailbox, Spark and Rambler convert the number and pick up the styles a [href ^ = tel], thereby styling the number under the pseudo link as we wanted.
- iOS apps: Google Inbox, Yandex, Mail.ru, My.com convert the number for the call and make the link a default vomit color
- iOS application Yahoo convert the number to call and colors the link in # 0077cc. That is, picks up the design of the CSS, but does not understand that our link is a phone number.
- All OSX desktop applications stylize the number under a pseudo link.
- Desktop Windows clients have not yet tested, but I am sure that 90% will not engage in the conversion of links.

Option number 2: Miracle


 a { color:#0077cc !important } a[href^=tel] { color:#000000 !important; text-decoration: none; border-bottom:#000000 1px dotted; } p { color:#000000; } <p>  <b><a href="tel:+78008888888" style="color:#000000 !important; text-decoration:none; border-bottom:#000000 1px dotted;">8 (800) 888-88-88</a></b></p> 

What we get:


- Vembordy: Gmail, Google Inbox, Yandex, Yahoo - All is well. A working ringing pseudo reference.
- Web muzzles: Outlook.com and Mail.ru - The link is styled, but does not ring. The href parameter is empty.
- WebMoney Rambler - Link styled. In the href parameter, the next pearl is "/ m / badurl".
- All iOS apps. Perfect. In addition to Mail.ru and My.com. They still expose vomiting link. Fortunately, calls.
- All OSX desktop applications stylize the number under the calling pseudo link.
- Windows desktop applications and android applications have not yet been tested.

Option number 3: get to the developers


- Yandex, enter the support for media queries in the mobile application. There is nothing catastrophic about this.
- Mail.ru, they are My.com, please enter support for media queries, and also remove the hard formatting of telephone numbers. Check the problem of the inability of tel-links in your webmord. Correct clumsy text wrap in the mobile app. The transfer algorithm is mildly depressing. There is no such nonsense in any email application.
- With Rambler everything is clear. They promised a new webmord next year. The application is still raw, but there are fewer complaints about it.
- yahoo. Rolled out a fresh application. No complaints. Unless does not understand a [href ^ = tel] the selector. And who will hear me here?
- Microsoft. In principle, I am grateful to the development department of Autluk, because sex in my life has become many times more due to them. But even here there is a plea in the void. Okay, desktop outluki. With this, all resigned. But what is the problem to put the same parsers on all webmords? Outlook.com, Office365, Live.com. Why can't all of them lead to Outlook.com view? In which, by the way, you need to fix the performance of tel-links.

It is clear that all do not care. Tickets are not processed. And if they are processed, they receive replies like: “Thank you, we will take measures” from the faceless support agents. Let's try the theory of handshakes? Why not?

Source: https://habr.com/ru/post/269045/


All Articles