- Віджет Товариства ВКонтакте для сайту
- Рішення проблеми
- Clickjacking ВКонтакте
- Віджет Яндекс.Карти
- Конструктор блоку «Поділитися» від Яндекс
Рекомендую видалити всі віджети Яндекса і вКонтакте зі своїх сайтів через блокування оних інтернет-провайдерами в Україні або зробити їх асинхронними (про це нижче).
Як відомо, з 15 травня в Україні введені санкції проти деяких російських компаній, і всі українські інтернет-провайдери заблокували доступ до сайтів і сервісів санкційних компаній. Тобто без використання VPN безпосередньо ви не отримаєте доступ до Vkontakte, Яндексу і іншим сайтам і сервісів (ОК, mail.ru, ЯндексДеньги, Яндекс.Карти і інші).
Ну не отримаємо доступ, ну не зможемо відкрити безпосередньо в браузері Яндекс або поштовик Mail.ru, здавалося б, у чому проблема, якщо є маса альтернативних сайтів?
А ось проблема в тому, що якщо на вашому сайті стоять будь-які віджети сайтів, які зараз заблоковані провайдерами, тоді користувачі швидше за все не зможуть повноцінно використовувати ваш сайт через помилки, які обов'язково виникнуть при спробі сайту завантажити скрипти віджетів заблокованих ресурсів. Незрозуміло, що мається на увазі?
Віджет Товариства ВКонтакте для сайту
Наприклад, заходимо на сайт yogazal.dp.ua
І бачимо такий вигляд головної сторінки:
Нічого не бачите дивного?
По-перше, я не побачив контент сайту, а по-друге я бачу що сторінка вантажиться нескінченно довго і внизу в лівому кутку бачу, що сайт намагається отримати щось від VK. Швидше за все, це якийсь віджет.
Перевіряємо сайт в Opera з включеним VPN і отримуємо такий вигляд:
Сайт вантажиться моментально, контент відображається на всіх сторінках, і що ми бачимо - в лівому сайдбарі в самому низу варто віджет Групи Вконтакте.
Цей віджет в коді стоїть вище ніж контент, і далі виходить така ситуація:
- все, що знаходиться вище віджета, завантажується без проблем,
- при спробі завантажити віджет виникає проблема, і сайт нескінченно довго намагається завантажити скрипти цього віджета,
- все, що знаходиться після віджета, які не завантажиться поки не буде завантажено скрипти віджета, а вони не завантажаться, тобто і весь контент після віджета не завантажили.
Простими словами - весь контент після віджета для українського користувача не завантажиться.
Їли ваш сайт орієнтований на український сегмент то потрібно видалити всі віджети заблокованих компаній зі своїх сайтів.
VPN використовують не так багато людей через низьку швидкості з'єднання.
Проблема з віджетами Співтовариств спостерігалася на багатьох сайтах, спробую знайти приклади проблем з віджетами Коментарів та Лайко.
Рішення проблеми
Рішення проблеми, до речі, не тільки в видаленні віджета, а також і в додаванні в сторонні скрипти атрибутів async / defer.
Це дозволить завантажувати дані скрипти в останню чергу, і для користувачів з інших країн віджет відобразиться нормально, а для України весь контент сайту завантажиться повністю крім віджета.
Приклад використання:
<Script src = "async.js" async> </ script> <script src = "defer.js" defer> </ script>
Скрипт async.js виконається, як тільки завантажиться - можливо, до того, як весь документ готовий. А defer.js почекає готовності всього документа.
Clickjacking ВКонтакте
Є такі сервіси (віджети, скрипти), які дозволяють визначати профілі в соціальних мережах користувачів вашого сайту.
Ніколи не ставте на сайти такі віджети.
- по-перше, пошукові системи за таке банять,
- по-друге, це обіцяє проблеми користувачам вашого сайту.
Приклад - сайт salonforma.com.ua.
Вже довгий час у них на сайті стоїть якийсь віджет для визначення профілю VK, за підсумком користувач, який в даний момент авторизований в соціальній мережі Вконтакте, заходячи на сайт нічого не помітить, і дані про нього отримає менеджер сайту.
А ось користувач, який не залогінені у Вконтакте при кліці на будь-якому посиланню або на будь-якому місці сайту отримає спливаюче вікно з пропозицією авторизуватися в Вк, і якщо у нього немає логіна і пароля, то і далі на сайті він нічого зробити не зможе, не зможе перейти ні по одному посиланню в меню або на сайті.
Скріншот: 
І тут навіть блокування Контакту трохи допомогла салону, тому як це вікно з авторизацією вже не спливає, і користувач навіть зможе використовувати меню за призначенням, але тільки сайт 60 секунд намагається завантажити скрипти Контакту, тобто на завантаження кожної сторінки буде йти 1 хвилина ... Я довго спостерігав за цим сайтом, і все ж вирішив похвоніть їх менеджеру, сподіваюся, проблему усунуть.
Віджет Яндекс.Карти
Зізнаюся грішний. дуже часто використовував Конструктор Яндекс.Карти через свою простоти і зручності зі створенням маршрутів і розміщенням великої кількості точок на карті.
Додавав на сайти звичайним скриптом такого виду:
<Script type = "text / javascript" charset = "utf-8" src = "https://api-maps.yandex.ru/services/constructor/1.0/js/?sid=_sv2RJqzTO0CcAnf6M2nSo68YFglfleC&width=auto&height=400"> < / script>
Як не дивно, але Яндекс.Карти працюють на сайті навіть не дивлячись на блокування. Хоча я очікував, що сторінка буде грузиться нормально, але просто не буде видно самої карти.
Скріншот з сайту prokatt.com:
[UPD 15.10.17]
Яндекс мапи
Яндекс.Карти можуть відображатися у різних провайдерів, не знаю, як і від чого це залежить, можливо якісь провайдери не блокують доступ до всіх серверів "заборонених ресурсів", а тільки закривають доступ до основного домену. Але суть в тому, що на різних машинах можна бачити різну поведінку сайтів, десь може відображатися карта Яндекса, а десь її просто не буде, не буде порожнього місця, і не буде затримок із завантаженням сторінки, просто не буде блоку з картою. Тому я все ж рекомендую використовувати Googlemaps.
Ось так наприклад виглядає карта одного сайту: 
Конструктор блоку «Поділитися» від Яндекс
Довгий час на декількох сайтах я використовував блок Share від Yandex (https://tech.yandex.ru/share/), підкуповував він своєю простим налагодженням і встановленням. Про санкції я забув, і проблем не спостерігав, але ось з недавніх пір почали дико гальмувати сайти, на яких даний блок був встановлений, тому дуже швидко він був знесений, сайти перестали "тупити". Використовуйте свої кастомниє кнопки Share, про які я писав в цій статті . (Актуально для України на 15.10.17). 
Незрозуміло, що мається на увазі?
Js/?