Верх страницы
Обложка к записи Отключаем плагин Skype Click to Call на сайте
Время для прочтения: 0 мин. 7 сек.

Отключаем плагин Skype Click to Call на сайте

Плагин Skype Click to Call позволяет вам нажатием одной клавиши перейти от просмотра веб-страницы к звонку. На большинстве веб-сайтов и в большинстве браузеров (IE, Firefox, Google Chrome) телефонные номера будут выделены голубыми (бесплатный звонок) и серыми (платный звонок) кнопками.

Плагин замечательный, но есть одно «но» — некоторые строки, не являющиеся телефонными номерами, skype ошибочно распознает и уродует их, напрочь ломая дизайн сайта. Чтобы этого не произошло, можно принудительно отключить это дополнение к браузеру для всего сайта при помощи специальных мета-тегов


<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
<meta content="telephone=no" name="format-detection">

Если же необходимо исключить какой-то конкретный номер, а остальные оставить, то достаточно вставить тег внутри него.


<p>+7 (495) <span style="display:none;">_</span>718-84-11</p>

При копировании, естественно, знак подчёркивания попадет в буфер обмена, а при вставке его нужно будет вручную стирать.

Или же можно использовать какой-нибудь нестандартный тег, например, или тег


<p>+7 (495) <skype></skype>718-84-11</p>

Номер телефона будет без проблем выделяться и копироваться без лишних символов.

В старых версиях Skype фича с мета-тегами не прокатывает. Проанализировав код через Firebug, стало понятно, что плагин оборачивает телефон в с классом skype_pnh_print_container_цифры, после него добавляет с классом skype_pnh_container. Причем ко всем свойствам прописано !important из-за чего не так просто переопределить стили.

Попробуем исправить это поведение при помощи jQuery


$(function() {	
    window.setTimeout(function() {	
        $('span[class^=skype_pnh_print_container_]').removeClass('^skype_pnh_print_container_');
        $('span.skype_pnh_container').remove();
     }, 1000);
});

Ссылки

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

12 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Алена
Алена
11 лет назад

НЕ ПОНЯТНО,,, КУДА ЗАЙТИ И КАК ЕГО ОТКЛ?

SocialChooozy
SocialChooozy
9 лет назад
Ответить на  Алена

в хеадер канеша, куда ж ещё
вы наверное не знакомы с этим термином но я все ДОХОДЧИВО вам объясню.

короче, подключаетесь через ssh или ftp-клиент к вашему серверу, там вставляете в базовый файл вьюхи эти мета-теги, в хеадер, как я вам уже сказал, и готово

пум пурум пум. вот и всё. иззи!

Алена
Алена
11 лет назад

для чайников можно инструкцию по подробнее?

Алена
Алена
11 лет назад
Ответить на  Кобзарёв Михаил

чудно… как раз для чайника(((((

АлЕ(Но)ЧкА СеВеРяНкА

у меня браузер зависает из-за сбоя плагина….

Лилия Богатырева
11 лет назад

Кобзарёв Михаил, СПАСИБО Вам преогромное! теперь все понятно

Светлана
Светлана
11 лет назад

Спасибо, в комментарии про Google Chrome все понятно. Сделала, как вы написали.
И не злитесь, Михаил, на нас чайников. Потому мы и чайники, что ничего не понимаем ;)))

Мария
Мария
11 лет назад

Постоянно выскакивало Skype Click to Call не отвечает. Просто зашла — Пуск -Панель управления — Установка и удаление программ — удалить Skype Click to Call. совсем просто.

Предыдущая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы