Rechercher
Close this search box.

Automatic linking of first and last names on iOS, never again!

By chance, when we prepared in May, with the Badsender team, a reminder email about the EMDay program, we inserted in our campaign a quote in which the group of words "Johnny" and "Hallyday" was present (it's completely crazy when you think it's a campaign about email marketing, but we're a little crazy...). And an automatic link seems to be inserted there... Maybe you received this email.

Newsletter Badsender in which the group "Johnny" "Hallyday" undergoes the automatic link on iOS

Problem: the automatic link

During our email preview tests to make sure everything was 250ok (pun intended! So yes, we have few doubts about our HTML integration abilities at Badsender, humility obliges, but we still do some tests sometimes)we realized that that iOS automatically underlined this set of first and last name.

Investigation

How was it possible, why this automatic link when no link had been specified on this part? So we started a battery of tests, with names and surnames of ordinary people (Jonathan Loriaux for example, or Jean-Marc Blanchard, the baker on the corner of my street) and personalities from the world of cinema and politics (Donald Trump, Vincent Lindon, in any order. This is the political part of the workshop). None appeared underlined! On the other hand, personalities from the music world (Thom Yorke or Bruce Springsteen) were displayed underlined...

We thought this had something to do with their presence on Youtube, Deezer, Spotify or TuneIt, and we were not far from the truth! After sharing this discovery on the Litmus community, who answered us (and in English please) ? Rémi Parmentier !

Need help?

Reading content isn't everything. The best way is to talk to us.


Explanation

Apple Mail actually creates an automatic link to content available on iTunes. This is a feature implemented on iOS since iOS10. Most of the singers or bands on iTunes will have their name underlined and clickable, allowing, via this same click on the automatic link, to open a pop-up with a preview of the content available on iTunes Store. Life is good, isn't it? Well, I tried with Schnappi, Das Kleine KrokodilIt doesn't work... Shitty world.

Rémi developed then, always on the site of the Litmus community, a solution to "hide" that, and to avoid making these names clickable: Apple adds an attribute x-apple-data-detectors= "true" on each link thus created. It would thus be enough to add, in the style present in the head of the email the following code:

a[x-apple-data-detectors] {color:inherit; text-decoration:none; pointer-events:none;}

New victory for Canard WC! It's up to you to add, as you wish, !important on each CSS property, and to complete if necessary by : font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important;

Postscript

Shortly afterwards, Mark Robbins put our heads under water by tweeting us a link to a 2016 post on the Litmus communityI've already read about this automatic link ... Shoot, in my rind! Yeah well, it takes time for the news to reach us from the United States too, there's the time difference, all that... Like right now, it's 05:08 in the morning in New York while it's 11:08 here, that's saying something! Come on, no hard feelings Marko, I'm still your biggest fan!

Share
The author

Laisser un commentaire

Your email address will not be published. Les champs obligatoires sont indiqués avec *