{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы создали сайт и хотите указать на нём свои контакты для связи: адрес, телефоны и адрес электронной почты email.","type":"unstyled","key":"8be9d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Через некоторое время, все ваши контакты попадут в руки спамеров, они будут присылать спам вам на электронную почту, а еще хуже звонить с различными коммерческими предложениями.","type":"unstyled","key":"dbcnj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как можно от этого защититься?","type":"unstyled","key":"bbuig"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этой статье я предложу Вам оригинальный способ защиты.","type":"unstyled","key":"382kc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Спам-боты используют обычные регулярные выражения (regular expession) в своей работе, чтобы распознавать адрес электронной почты на вашем сайте, если адрес опубликован в виде обычного текста, но вы можете обмануть ботов, скрыв ваш адрес электронной почты с помощью простых CSS и JavaScript методов. Также можно вместо адресов размещать на сайте картинки их обозначением.","type":"unstyled","key":"cehis"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Я предлагаю совместить два эти варианта.","type":"unstyled","key":"3avse"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как это работает.","type":"unstyled","key":"dt5kc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"При первом заходе на сайт посетитель в место ссылки на телефон или адрес электронной почты видит их изображение.","type":"unstyled","key":"735g8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Когда он кликает по нему, ссылка становиться активной и при повторном клике открывается программа для отправки электронной почты или для телефонного звонка.","type":"unstyled","key":"7vj7g"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":55,"offset":40}],"inlineStyleRanges":[],"text":"Посмотреть пример работы можно на сайте Мастер Ok — Комплекс ремонтных услуг в Нижнем Новгороде","type":"unstyled","key":"dteem"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как же это сделать?","type":"unstyled","key":"b40i5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В самом начале вам нужно подготовить небольшие картинки с изображением номера телефона и адресом электронной почты e-mail.","type":"unstyled","key":"9h729"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На 90% современных сайтов используется язык JavaScript, а в частности библиотека jQuery.","type":"unstyled","key":"bg9cd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для этого нужно в коде страницы найти строку с подключением данной библиотеки:","type":"unstyled","key":"9ogmf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"a82nc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Она должна быть подобного вида, можно поискать сроку jquery.","type":"unstyled","key":"fk94c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы создаем дополнительный JavaScript-файл следующего вида:","type":"unstyled","key":"b3096"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$('#nashemail').click(function() {","type":"unstyled","key":"f93o1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$('#nashemail').html('ваш@email');","type":"unstyled","key":"f71tu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}); ","type":"unstyled","key":"7c7dv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$('#nashphone1').click(function() {","type":"unstyled","key":"fht"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$('#nashphone1').html('номер_телефона');","type":"unstyled","key":"m2ui"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"unstyled","key":"4a3br"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Здесь #nashemail — id элемента с изображением адреса электронной почты e-mail,","type":"unstyled","key":"fnmsj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#nashphone1 — id элемента с изображением номера телефона.","type":"unstyled","key":"f2mdn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А на саму страницу в то место, где должны быть контакты добавляем код:","type":"unstyled","key":"6fss2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

$\"Наш$

","type":"unstyled","key":"5pq62"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"и","type":"unstyled","key":"172h8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

$\"Наш$

","type":"unstyled","key":"d30i7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Файл JavaScript подключаем к данной странице такой строкой:","type":"unstyled","key":"e9t36"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"rlu1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот и всё.","type":"unstyled","key":"2e9ld"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"emvjo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если библиотека jQuery не используется, то можно записать файл nashicontakts.js на обычном JavaScript:","type":"unstyled","key":"63m4g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"document.getElementById('nashemail').onclick = function() {","type":"unstyled","key":"d6aak"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" document.getElementById('nashemail').innerHTML='ваш@email';","type":"unstyled","key":"am7gl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"} ","type":"unstyled","key":"cre8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"document.getElementById('nashphone1').onclick = function() {","type":"unstyled","key":"6ps1u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" document.getElementById('nashphone1').innerHTML='номер_телефона';","type":"unstyled","key":"2f5c5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"8b8j7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используйте данный метод для борьбы со спамом.","type":"unstyled","key":"6k9au"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пишите в комментариях, что у Вас получилось.","type":"unstyled","key":"22qs3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"1q3MnDneQR1P13X9EaFE"}],"entityMap":{"0":{"data":{"url":"http://masterremontnn.ru/#contact"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}