Een goede contactpagina is een essentieel element van je WordPress website; (potentiële) klanten en opdrachtgevers moeten immers contact met je kunnen opnemen. De meeste ondernemingen plaatsen ook een telefoonnummer op hun contactpagina. Een klikbare telefoonlink toevoegen verlaagt de drempel om telefonisch contact op te nemen. In sommige gevallen kan het plaatsen van een telefoonnummer echter problemen opleveren. In deze blogpost vertellen we wat je moet weten over een telefoonnummer verbergen achter een knop in WordPress.
Waarom een telefoonnummer verbergen?
Bij een van de bedrijven voor wie ik de website beheer, kreeg de CEO (wiens nummer op de contactpagina stond) op een gegeven moment last van spam calls en spoofing. Dit komt de laatste jaren helaas steeds vaker voor. Telefoonnummers die voor dergelijke doeleinden worden gebruikt, worden doorgaans niet handmatig van het internet geplukt; de spammers en spoofers maken gebruik van bots die het World Wide Web afspeuren om telefoonnummers te scrapen. Wij konden het telefoonnummer vanwege de regelgeving binnen het vakgebied niet zomaar van de website halen. Bovendien wilden we wel telefonisch bereikbaar blijven voor zakenrelaties.
Hoe kun je een telefoonnummer verbergen achter een knop?
Methode #1: met code
Onze IT’er kwam met een idee. Hij implementeerde een scriptje in het functions.php bestand om het telefoonnummer initieel achter een knop te verbergen. Op die manier kan het telefoonnummer niet zo makkelijk gescraped worden door spambots. Tegelijkertijd blijven we wel bereikbaar voor menselijke bezoekers: zij hoeven alleen maar op de knop te klikken om het telefoonnummer te bekijken.
<?php
/*
* Toevoegen van nummerverberger op contactpagina
* */
function add_js_number_toggle() {
?>
<script>
function showNumber() {
var btn = document.getElementById(“numberToggle”);
if (btn.innerText === “Toon nummer”) {
var number = document.createElement(“SPAN”);
var numberText = document.createTextNode(“+31 (0) 6 12 34 56 78”);
number.id = “number”;
number.appendChild(numberText);
document.getElementById(“test”).appendChild(number);
btn.innerText = “Verberg nummer”;
} else {
document.getElementById(“number”).remove();
btn.innerText = “Toon nummer”;
}
}
</script>
<?php
}
add_action(‘wp_head’, ‘add_js_number_toggle’);
Methode #2: met een plugin
Als je liever niet in de code wilt rommelen, dan is er nog een andere manier om een telefoonnummer te verbergen. De gratis Email Encoder plugin maakt het mogelijk om niet alleen de telefoonnummers maar ook de e-mailadressen op je WordPress website te beschermen.
Tot slot
Een telefoonnummer verbergen achter een knop is geen fool proof preventiemethode voor scraping. Maar de kans dat het telefoonnummer wordt gebruikt voor spoofing of de eigenaar last krijgt van spam calls, wordt aanzienlijk verkleind.
