Скрыть телефонный номер

Как скрыть телефонный номер на сайте

Нередко при создании сайтов возникает необходимость скрыть на странице телефонный номер или его часть.

Зачем скрывать телефонный номер на сайте? Причины бывают разные. Чаще всего это делается для того, чтобы спам боты не собирали номера клиентов для СМС рассылок. Или можно добавлять такую опцию для отслеживания активности посетителей, для установки целей от Google или Яндекс и тд.

Скрыть телефонный номер на сайте можно довольно просто. Нужно просто поставить скрипт для скрытия номера.

Чтобы скрыть телефонный номер, вам потребуется несколько шагов.  Сначала проверьте, подключена у вас библиотека jQuery. Это должно выглядеть примерно так:

После библиотеки нужно подключить сам скрипт:

В этом скрипте, вам нужно в будущем только две предпоследние строки:

Читайте также:  Как добавить кнопку «наверх» на своем веб-сайте

Первая строка отвечает за скрытие слова ПОКАЗАТЬ после нажатия. Вторая за замену части номера, ну или всего, если вы немного переделаете.

Чтобы скрипт работал, вам нужно свой номер телефона, часть которого вы хотите скрыть, обернуть в некоторые теги и добавить кнопку показать. Выглядит номер с кодом должен примерно так:

Часть или весь номер, нужно заключить в тег span с классом – num_hide. После номера добавить ссылку показать, заключенную в тег span с классом – sc_num.

По желанию, можете добавить стилей в соответствии с оформлением страницы.

Если все правильно сделано, то все работает.


Понравилась статья? Поделись в соцсетях:

Оставьте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *