Kaip pridėti užtemdytas el. pašto nuorodas, kad būtų išvengta „Pasirinkti programą“

Vartotojo patirties gerinimas naudojant el. pašto nuorodas

El. pašto nuorodų įtraukimas į savo svetainę yra įprasta praktika, tačiau kartais gali būti rodomas pranešimas „Pasirinkite programą“, sutrikdant naudotojo patirtį. Norėdami to išvengti, el. pašto nuorodos užtemdymas gali padėti tiesiogiai atidaryti numatytąją vartotojo el. pašto programą.

Šiame vadove bus nagrinėjami veiksmingi būdai, kaip į svetainę įtraukti paslėptų el. pašto nuorodų. Mes pateiksime praktinių sprendimų, užtikrinančių, kad el. pašto nuorodos atsidarytų sklandžiai, o tai pagerins vartotojų sąveiką ir pasitenkinimą.

Užtemdytų el. pašto nuorodų supratimas

Pirmasis scenarijus naudoja HTML ir JavaScript derinį, kad užtemdytų el. pašto nuorodą. The addEventListener komanda prie nuorodos prideda paspaudimo įvykių tvarkyklę. Spustelėjus „JavaScript“ sukuria el. pašto adresą iš vartotojo ir domeno dalių, tada nustato window.location.href į sukurtą mailto URL, kuris atidaro numatytąją vartotojo el. pašto programą. Šis metodas veiksmingai neleidžia robotams surinkti el. pašto adresų ir užtikrina sklandų vartotojo patirtį.

Antrasis scenarijus naudoja PHP, kad būtų pasiekti panašūs rezultatai. Čia el. pašto adresas dinamiškai generuojamas serverio pusėje naudojant PHP žymas <?php ?>. Šis PHP kodas sukuria el. pašto adresą ir įterpia jį į HTML kaip pašto nuorodą. Ši technika užtikrina, kad el. pašto adresas nebūtų tiesiogiai rodomas HTML šaltinyje, todėl sumažėja nepageidaujamo elektroninio pašto rizika ir išsaugomas naudotojo funkcionalumas.

Dinaminis el. pašto nuorodų kūrimas naudojant „Flask“.

Trečiame pavyzdyje naudojamas Python su Flask, lengva žiniatinklio sistema. Šiame scenarijuje pagrindinio puslapio maršrutas yra apibrėžtas, o šiame maršrute el. pašto adresas sukuriamas naudojant f-string švariam ir skaitomam eilučių formatavimui. The render_template_string komanda naudojama dinamiškai generuoti el. pašto nuorodą HTML atsakyme. Šis metodas užtikrina patikimą serverio apsaugą nuo el. laiškų nubraukimo ir užtikrina, kad el. pašto nuoroda veiktų taip, kaip skirta vartotojams.

Apskritai šie scenarijai demonstruoja skirtingus būdus, kaip užtemdyti el. pašto nuorodas ir neleisti rodyti pranešimo „Pasirink programą“. Naudojant „JavaScript“, PHP ir „Python“ („Flask“), šie pavyzdžiai išryškina universalius būdus, kaip pagerinti vartotojo patirtį ir apsaugoti el. pašto adresus nuo robotų.

<!-- HTML Part -->
<a href="#" id="email-link">Email Us</a>
<script>
// JavaScript Part
document.getElementById('email-link').addEventListener('click', function() {
  var user = 'user';
  var domain = 'example.com';
  var email = user + '@' + domain;
  window.location.href = 'mailto:' + email;
});
</script>

<!-- HTML Part -->
<?php
$user = 'user';
$domain = 'example.com';
$email = $user . '@' . $domain;
?>
<a href="<?php echo 'mailto:' . $email; ?>">Email Us</a>
<!-- This PHP code will construct the email address dynamically -->

from flask import Flask, render_template_string
app = Flask(__name__)
@app.route('/') 
def home():
    user = 'user'
    domain = 'example.com'
    email = f"{user}@{domain}"
    return render_template_string('<a href="mailto:{{email}}">Email Us</a>', email=email)
if __name__ == '__main__':
    app.run(debug=True)

Pažangūs el. pašto užtemimo būdai

Kitas veiksmingas būdas užtemdyti el. pašto nuorodas yra CSS ir Unicode kodavimas. Suskaidydami el. pašto adresą į mažesnes dalis ir naudodami CSS, kad jį surinktumėte, galite paslėpti el. pašto adresą nuo robotų ir išlaikyti jį funkcionalų naudotojams. Pavyzdžiui, galite padalinti el. pašto adresą į atskirus simbolius ir kiekvieną simbolį įdėti į a elementas su unikalia klase. Tada CSS gali formuoti šiuos intervalus, kad jie būtų rodomi kaip nuolatinis el. pašto adresas.

Be to, galite naudoti „JavaScript“, kad iššifruotumėte Unicode koduotą el. pašto adresą. Šis metodas apima el. pašto adreso kodavimą Unicode ir naudojant JavaScript, kad iškoduotų jį kliento pusėje. Abu šie metodai suteikia papildomų apsaugos nuo el. laiškų rinkimo robotų sluoksnius ir užtikrina, kad jūsų el. pašto nuorodos išliktų saugios ir patogios naudoti.