Forum PHP.pl

Hej. Czy jest jakaś metoda (JS?) aby wyświetlić numer telefonu na stronie w zakładce kontakt użytkownikom korzystajacym z przeglądarek a ukrycie ich przed robotami typu Google i inne crawlery?
Z góry dzięki za info!

są takie skrypty które to teoretycznie robią, znajdziesz na necie

Googlowałem i znalazłem same skrypty, które tego nie robią. Jedyne, co przychodzi mi dso głowy to numer pobieany po kliknięciu przez API strzeżone przez reCaptche.

Jest sporo rozwiązań dla emaila. Można się wzorować. Jednym z pomysłów było np odwrócenie tekstu w kodzie i wyświetlanie przez rtl w css. Albo rozbicie na kilka data-a=123, data-b=456 data-c=789 i złączenie ponownie.

KR2615 twój pomysł tylko bez reCaptchy, popularne na stronach albo fragmenty numeru ukryte albo cały i przycisk pokaż odkrywa dopiero ten numer, google nie wyciągnie, specjalistyczny bot i owszem, ale ten to i nawet z reCaptchą sobie poradzi

Ten post edytował com 12.10.2021, 22:21:44

można też jakiś szyfr cezara ciachnąć albo zwykły base64

[HTML] pobierz, plaintext 
     <!-- przykład z b64 !-->
     <a data-number="MTAwMjAwMTAw">1** 2** 1**</a>
[HTML] pobierz, plaintext 

zwykłe boty nie powinny sobie z tym poradzić.

Mam nadzieję, że z tym fragmentem kodu boty również sobie nie poradzą:

[HTML] pobierz, plaintext 
<span id="phone"></span>
    <script>
    var klara = "44";
    var sobieraj = "33";
    var fotowoltaika = "501 " + klara + " " + sobieraj + " " + klara;
    document.getElementById("phone").innerHTML=fotowoltaika;
    </script>
[HTML] pobierz, plaintext 

Dla potomnych: wystarczyło pogooglować pod hasłem "javascript email protection"

Można ukryć w samym CSS, np:

[HTML] pobierz, plaintext 
<span class="protect-tel" data-part1="501" data-part2="443" data-part3="344"> </span>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.protect-tel::after {
    content: attr(data-part1) '-' attr(data-part2) '-' attr(data-part3);
}
[CSS] pobierz, plaintext 

Wydaje mi się, że rozwiązania z ukrywaniem numeru są efektywne pod warunkiem, że element jest natywnie klikalny i ma jakiś domyślny href, a po zdarzeniu kliknięcia docelowy link zostanie otwarty.
Modyfikując rozwiązanie vokiel'a:

[HTML] pobierz, plaintext 
<a href="#" class="protect-tel" data-part1="501" data-part2="443" data-part3="344" onclick="window.location.href = 'tel:' + this.dataset.part1 + this.dataset.part2 + this.dataset.part3; return false;"></a>
[HTML] pobierz, plaintext 

CSS bez zmian.