Чка для вашого сайту, wordpress mania

Привіт, пані та панове! Сьогодні невеликий пост про те, як встановити скрипт бібліотеки Яндекс.Карточкі на сайт WordPress. Для тих, хто ще не в курсі про нову технологію від Яндекса. спочатку невелика довідка - що таке Яндекс.Карточка.

Днями, наша улюблена компанія Яндекс, запустила довідкове розширення для браузерів - Яндекс.Карточка. Воно знаходить в тексті назви, імена відомих людей, події і різні терміни і дає про них невелику довідку без переходу на інші сайти. Сервіс сам підкреслює в тексті слова, про які може розповісти:

Чка для вашого сайту, wordpress mania
Картка підкреслює в тексті слова або словосполучення пунктирною лінією, про які може розповісти

Клікнувши на одне з таких слів, користувач побачить підказку у спливаючому вікні - не покидаючи веб-сторінку:

Чка для вашого сайту, wordpress mania
По кліку на слово користувач бачить підказку у спливаючому вікні

Зацікавився цією технологією, пропоную маленьку інструкцію по установці скрипта бібліотеки Яндекс.Карточкі на свій сайт WordPress.

Яндекс.Карточка - це технологія, що дозволяє розміщувати на сайті текстові підказки про людей, події, компаніях, термінах і інших об'єктах, що згадуються на сторінці. За допомогою підказок користувачі можуть отримати відсутні їм відомості, не залишаючи ваш сайт. Це допоможе їм краще зрозуміти текст і зануритися в читання.

Підказки з'являються в невеликій картці, яка відкривається при натисканні на слово. Інформація для карток береться з пошуку Яндекса. З підказки можна також перейти до пошуку інших згадок об'єкта на сайті або в інтернеті. Технологія підтримує всі браузери і платформи, крім Internet Explorer нижче 10 - ій версії.

Як встановити скрипт бібліоткі Яндекс.Карточка на сайт

Чи вплине установка скрипта Яндекс.Карточек на швидкість завантаження сайту? Яндекс.Карточка не впливає на швидкість завантаження сторінок, так як розмітка відбувається у фоновому режимі і не блокує завантаження інших скриптів або зображень.

Установка скрипта бібліотеки Яндекс.Карточкі на сайт

Після цього, трохи вище закриває тега вставляємо цей скрипт:

Схожі статті