php скрыть часть номера
Скрыть часть номера, скрыть весь номер. Показывать номер при нажатии на кнопку.
Доброго времени суток. 🙂
Часто при создании сайтов, я сталкиваюсь с задачей от своих заказчиков, с возможностью скрыть телефонный номер или его часть. Задача стоит скрыть именно главный телефонный номер, который чаще всего размещают в шапке сайта или в подвале. Хотя бывает нужно скрывать и все номера на сайте.
Зачем скрывать телефонный номер на сайте? Тут причины разные. На сайтах объявлений, это делается, чтобы спам боты не собирали номера клиентов, для спам СМС рассылок. На обычных сайтах могут добавлять такую опцию для отслеживания активности посетителей, для установки целей от Google или Яндекс и тд.
Сделать это можно довольно просто. Нужно поставить на сайт скрипт для скрытия номера. Пример того что получится, можно посмотреть ниже:
Чтобы скрыть телефонный номер, вам потребуется сделать несколько моментов на своем сайте. Для начала нужно добавить скрипт. Но, для его роботы нужна библиотека jQuery. Если она подключена на сайте, то все отлично, если нет, то нужно ознакомится с статьей Как и где подключить скрипт?. Сама библиотека:
После библиотеки подключаем сам скрипт, который имеет следующий вид:
В этом скрипте, вам нужно в будущем только две предпоследние строки:
Первая строка отвечает за скрытие слова ПОКАЗАТЬ после нажатия. Вторая за замену части номера, ну или всего, если вы немного переделаете.
Чтобы скрипт работал, вам нужно свой номер телефона, часть которого вы хотите скрыть, обернуть в некоторые теги и добавить кнопку показать. Выглядит номер с кодом должен примерно так:
По желанию, можете добавить стилей в соответствии с нуждами сайта и тд. Если все правильно сделано, то все должно работать правильно и безотказно.
На этом все, спасибо за внимание. 🙂
Если Вам был полезным мой труд, можете финансово поддержать сайт или отключить блокировщик рекламы, что займет 2 минуты 🙂
Как скрыть номер телефона XXX XXX а при клике показать
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Блок div скрыть/показать при нажатии на кнопку «показать все»
Добрый день. На странице.
Как при клике скрыть текст и вместо него показать другой?
Всем привет! Есть кнопка( ). Как сделать чтобы при клике по этой кнопке.
Показать/скрыть элемент при клике на checkbox с одинаковыми id
Доброго времени суток друзья. У меня есть много div элементов с одинаковым классом, я хочу их.
+7 XXX XXX XXX показать
Все равно трабл(( ReferenceError: showSTR is not defined
Добавлено через 5 минут
Не, в этот раз моя ошибка! Все норм работает!
К сожалению при таких раскладах сайт ложится совсем((
Добавлено через 4 минуты
На другом форуме мне подсказали другой вариант
Решение
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Скрыть и показать блок при клике
Добрый день! не могу решить такую проблему. В начале у меня у блока задана высота в 49px и стоит.
Выпадающее меню: показать и скрыть при клике.
Всем доброго времени суток. Есть кусок кода, который при наведении вызывает плавно выпадающее меню.
Показать/скрыть блок div при клике
Добрый день! Пробую сделать штуку на jQuery, чтобы при щелчке мыши по надписи «Показать/скрыть.
Показать/скрыть элемент при клике на checkbox
http://jsfiddle.net/alex_japson/ePCp5/ как исправить? хочу чтобы при клике на checkbox появлялся.
Как скрыть часть номера или почты и показывать при нажатии на кнопку
Сначала решение, а потом болтовня и рассказы о том, как это было.
После библиотеки подключаем сам скрипт, который имеет следующий вид:
В этом скрипте Вам нужны в будущем только две предпоследние строки:
«Детские» примечания
Что я искал и как решил
В реализации же все оказалось сложнее. Этот вариант хоть и работает сразу, но эстетически меня не устраивал, тот факт, что надпись была справа от скрываемого телефона.
Мне же было нужно, чтобы была просто надпись или кнопка «ПОКАЗАТЬ НОМЕР» или «ПОКАЗАТЬ ПОЧТУ», и при клике на эту надпись появлялся бы телефон или почта соответственно.
А так как я в js соображаю не больше, чем в Китайском языке, вернулся к поиску решений.
Нашел еще несколько вариантов, но в итоге все оказались или не рабочими или у меня не хватило терпения ковыряться с ними.
В общем я было уже смирился и снова вернулся к этому варианту и начал работать со стилями.
А ларчик просто открывался
Просто во второй части кода в самом низу, нужно стереть иксы (ХХХХХХХ). ))
Уважаемые читатели, пожалуйста, не «тычьте» на сайте на эти кнопки в «неположенных» местах )). Дело в том, что на них настроены цели в метрике и если Вы просто для интереса будете нажимать, статистика будет искажена.
Чтобы посмотреть, как это работает, я поместил отдельную кнопку сюда (да и цель на нее установил 🙂 жмите, сколько хотите)
Вариант №1 +1234 567890 Показать часть номера
Вариант №2 +1234567890 Показать номер
Вариант №3 adres@pochtbl.ru Показать фигу почту, ссылку на вк, ок, фб
Кстати о ссылках. Тоже не сразу сработало, чтобы кликабельной была именно ссылка, поэтому делюсь.
Выглядеть будет так:
Создаем цель в метрике с произвольным, но лучше с понятным, идентификатором.
Например: a_clik_post_pokzat_tel
Устанавливаем «Тип условия:» на «JavaScript-событие».
Указываем понятное «название» для аналитики.
После чего берем событие:
Методы скрытия элементов веб-страниц
Веб-разработчикам приходится скрывать элементы веб-страниц по самым разным причинам. Например, есть кнопка, которая должна быть видимой при просмотре сайта на мобильном устройстве, и скрытой — при использовании настольного браузера. Или, например, имеется некий навигационный элемент, который должен быть скрыт в мобильном браузере и отображён в настольном. Элементы, невидимые на странице, могут пребывать в различных состояниях:
HTML5-атрибут hidden
Рассмотрим следующий пример:
В CSS я воспользовался атрибутом hidden для вывода элемента только в том случае, если область просмотра страницы имеет необходимый размер.
Вот CSS-код, который здесь использован:
→ Вот пример этой страницы на CodePen
▍Атрибут hidden и доступность контента
Если рассмотреть атрибут hidden с точки зрения доступности контента, то окажется, что этот атрибут полностью скрывает элемент. В результате с этим элементом не смогут работать средства для чтения с экрана. Не используйте этот атрибут в тех случаях, когда некие элементы страниц нужно делать невидимыми для человека, но не для программ для чтения с экрана.
CSS-свойство display
Представим, что мы хотим скрыть изображение из предыдущего примера и решили воспользоваться следующим CSS-кодом:
При таком подходе изображение будет полностью исключено из документа (из так называемого document flow — «потока документа»), оно будет недоступно программам для чтения с экрана. Возможно, вы не очень хорошо представляете себе понятие «поток документа». Для того чтобы с этим понятием разобраться — взгляните на следующий рисунок.
Синюю книгу убрали из стопки
Вот анимированный вариант примера с книгами, показывающий то, что происходит в том случае, если одну из них убирают из стопки.
Если убрать книгу из стопки — положение других книг в ней изменится
▍Производится ли загрузка ресурсов, скрытых средствами CSS?
Если коротко ответить на этот вопрос — то да, загрузка таких ресурсов производится. Например, если элемент скрыт средствами CSS, и мы показываем этот элемент в некий момент работы со страницей, к этому моменту изображение уже будет загружено. Наличие на странице изображения, даже скрытого средствами CSS, приведёт к выполнению HTTP-запроса на его загрузку.
Исследование страницы, содержащей скрытое изображение
Php скрыть часть номера
Обычно для связи звонков с сайта и посетителей используют коллтрекинг — сервис, который нужно подключать отдельно. Теперь в Метрике можно с высокой точностью отслеживать взаимодействие с телефоном и на мобильной, и на десктопной версиях сайта.
Для этого используется цель «Клик по номеру телефона». Теперь у этой цели появилась особенная настройка — скрытие номера телефона на сайте. Это позволит передавать в Метрику данные о том, что пользователь интересовался вашим номером телефона и на мобильной, и на десктопной версиях сайта. А вы можете использовать эту информацию в отчетах.
Звонки с сайта — важный сигнал для бизнеса. Но кроме звонка, важно знать, что за посетитель позвонил: из какого источника он перешел на сайт и какую информацию успел получить перед тем, как позвонить. Это помогает сфокусироваться на самых эффективных рекламных каналах и приводить больше заинтересованных пользователей.
При этом посетители, просматривающие десктопную версию сайта, обычно не нажимают на номер телефона — они набирают номер вручную, глядя в экран. В этом случае Метрика не сможет зафиксировать взаимодействие с номером телефона и часть важных знаний о посетителе теряется.
Скрытие телефонных номеров на сайте
В Метрике уже можно отследить звонок на мобильной версии сайта — пользователь может «тапнуть» по номеру, чтобы набрать его автоматически.
Теперь цель «Клик по номеру телефона» позволит эффективно отслеживать звонки и с десктопной версии сайта: для цели появилась специальная настройка, позволяющая частично скрывать номер телефона на сайте для посетителей.
Чтобы открыть номер целиком и позвонить по нему, посетителю сайта нужно навести курсор на скрытый фрагмент — номер откроется, а Метрика засчитает целевое действие.
Используйте данные о звонках с сайта
Как цель «Клик по номеру телефона» в отчетах Метрики поможет бизнесу:
Как включить скрытие номера
Отредактируйте текущие цели или создайте в Метрике новую цель «Клик по номеру телефона».
В настройках цели можно указать скрытие определенного номера или всех номеров на сайте сразу.
Посмотрите в режиме предпросмотра, для каких номеров функция будет работать, а для каких понадобится внести изменения в верстку сайта. Читайте подробнее в Справке.
Отключить скрытие номера можно в любой момент.