WordPress website het mail adres versleutelen om SPAM te voorkomen

Gemiddelde leestijd: 2 minuut/minuten

Door middel van een paar regels HTML code kan je op je WordPress website het mail adres versleutelen om SPAM te voorkomen.

Het probleem is als volgt. Je kent het misschien wel, je wil graag op jouw website je mail adres zetten. Dit wordt afgeraden omdat een mail adres op de website voor SPAM zorgt. Het mail adres kan door een SPAM robot programma opgepikt worden. Nu zijn er diverse mogelijkheden.

  1. Je kan het mail adres op de volgende manier weergeven met in plaats van het @ teken het woord [at] dus bij mijn mail adres wordt dat: info[at]albuswebdesign.nl. Daardoor wordt het mail alleen niet meer aanklikbaar.
  2. Het gebruiken van alleen het contactformulier. Dat is een extra drempel voor de bezoeker dus dat is ook geen goede optie.
  3. Het gebruiken van een scripttaal zoals Javascript. Dit is een oplossing alleen als het zonder Javascript kan zou ik dat doen.
  4. Door middel van HTML enties.
  5. Met gebruik van HTML en Base64 code, deze oplossing ga ik hieronder toelichten.

De oplossing is dus om een paar regels HTML code te samen met Base64 code te gebruiken. Niet heel ingewikkeld, heb je er hulp bij nodig laat dat dan weten.

Gebruik de volgende Base64 encoder. Zie https://www.base64encode.org/ om van mail adres en onderwerp van de mail tekst een base64 code te maken en plak deze op de juiste plek hieronder.

Gebruik de volgende HTML code

<a

  href="#"

  data-contact="CONTACTCODE"

  data-subj="ONDERWERPCODE"

  onfocus="this.href = 'mailto:' + atob(this.dataset.contact) + '?subject=' + atob(this.dataset.subj || '')"

  >

  Verstuur een mail

</a>

In plaats van CONTACT-CODE en ONDERWERP-CODE moet je de code gebruiken die op de base64 website is omgezet.

Bijvoorbeeld:

Mail adres: “info@albuswebdesign.nl”  aW5mb0BhbGJ1c3dlYmRlc2lnbi5ubA==

Onderwerp regel: “contact vanaf website”  Y29udGFjdCB2YW5hZiB3ZWJzaXRl

 

De juiste code wordt dan

<a

  href="#"

  data-contact="aW5mb0BhbGJ1c3dlYmRlc2lnbi5ubA=="

  data-subj=" Y29udGFjdCB2YW5hZiB3ZWJzaXRl"

  onfocus="this.href = 'mailto:' + atob(this.dataset.contact) + '?subject=' + atob(this.dataset.subj || '')"

  >

  Verstuur een mail

</a>

 

Op de website ziet het er zo uit:


Verstuur een mail

Damiaan van Vliet on FacebookDamiaan van Vliet on Linkedin
Damiaan van Vliet
Damiaan van Vliet is WordPress front-end developer bij Albus Webdesign. Hij heeft meer dan 25 jaar ervaring in de ICT sector. Zijn kernwaarden zijn geduldig, doelgericht en gestructureerd. Hij stemt zichzelf af op de wensen van de klant en houdt de zaken eenvoudig waar dat kan.

Een reactie plaatsen