Отключаем плагин 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);
});

Ссылки

Источник: https://www.kobzarev.com/makeup/disable-plugin-skype-click-to-call/

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

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все. Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса. Ведет блог о разработке, дайджест в телеграмме и в ВК. Любит сиськи, баню и радиоэлектронику. 100% патриот (но это не точно). Тролль 542 уровня. Ездит в отпуск раз в 5 лет.

Добавить комментарий

%d такие блоггеры, как: