Ukrycie numeru telefonu przed botami Opcje

[KR2615]

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!

[com]

są takie skrypty które to teoretycznie robią, znajdziesz na necie (IMG:style_emoticons/default/smile.gif)

[KR2615]

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.

[viking]

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.

[com]

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 (IMG:style_emoticons/default/smile.gif)

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

[gornik]

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ć.

[KR2615]

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"

[vokiel]

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 

[trueblue]

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.