hidden-from-bots
v1.0.1
Published
Say goodbye to bots looking for emails and phone numbers.
Downloads
4
Maintainers
Readme
Say goodbye to bots looking for emails and phone numbers
NPM
npm i hidden-from-bots
Yarn
yarn add hidden-from-bots
CDN
https://cdn.jsdelivr.net/npm/hidden-from-bots/+esm
To use Hidden From Bots without Node JS you need to create a js file and add it to the end of the body tag in your html document and set it to be of type module so it can work.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hidden From Bots</title>
</head>
<body>
<script type="module" src="./script.js"></script>
</body>
</html>
In your js file you need to import from the CDN emailHiddenF if you want to hide an email or phoneHiddenF if you want to hide a phone number, in this case I am going to hide an email.
import { emailHidden } from 'https://cdn.jsdelivr.net/npm/hidden-from-bots/+esm';
And then you have to call the function and add the email in quotes inside it.
import { emailHidden } from 'https://cdn.jsdelivr.net/npm/hidden-from-bots/+esm';
emailHidden('[email protected]')
To finish you need to add a p tag with the data-hidden-from-bots attribute with the value email if it is going to be an email you want to hide and phone if it is going to be a phone number.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hidden From Bots</title>
</head>
<body>
<p data-hidden-from-bots="email">Email</p>
<script type="module" src="./script.js"></script>
</body>
</html>
Excellent, if you like you can also have an email and phone number at the same time always remembering to use the correct attribute value for each one.
If you want to have several different emails you have to import the multiEmailHiddenF function and if you want to have several different phone numbers you have to import the multiPhoneHiddenF function.
import { multiEmailHiddenF } from 'https://cdn.jsdelivr.net/npm/hidden-from-bots/+esm';
multiEmailHiddenF('email1','[email protected]');
multiEmailHiddenF('email2','[email protected]');
multiEmailHiddenF('email3','[email protected]');
And in the value of the data-hidden-from-bots attribute put the first parameter of the function.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hidden From Bots</title>
</head>
<body>
<p data-hidden-from-bots="email1">Email</p>
<p data-hidden-from-bots="email2">Email</p>
<p data-hidden-from-bots="email3">Email</p>
<script type="module" src="./script.js"></script>
</body>
</html>