Яндекс.Карточка для сайта. Как установить?

Просмотров: 341

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

Подключение скрипта Яндекс.Карточки к сайту WP
Скрипт Яндекс.Карточки для вашего сайта

Технология Яндекс.Карточка

На днях, наша любимая компания Яндекс, запустила справочное расширение для браузеров - Яндекс.Карточка. Оно находит в тексте названия, имена известных людей, события и различные термины и даёт о них небольшую справку без перехода на другие сайты. Сервис сам подчёркивает в тексте слова, о которых может рассказать:

Работа технологии Яндекс.Карточка на сайте
Карточка подчёркивает в тексте слова или словосочетания пунктирной линией, о которых может рассказать

Кликнув на одно из таких слов, пользователь увидит подсказку во всплывающем окне - не покидая веб-страницу:

Технология Яндекс.Карточка на WP
По клику на слово пользователь видит подсказку во всплывающем окне

Яндекс.Карточка работает в браузерах на основе Chromium — это Яндекс.Браузер, Google Chrome, Opera. Расширение для браузеров это конечно хорошо, но нас, веб-мастеров, оно не интересует. Нам нужны подсказки на сайте в не зависимости установлено ли расширение у посетителей или нет. А для этого, дамы и господа, у расширения есть своя JS-библиотека: с её помощью веб-мастера могут добавить технологию на свой сайт или блог.

Вы можете использовать технологию Яндекс.Карточек, чтобы показывать контекстные подсказки всем посетителям вашего сайта или блога, установив небольшой скрипт на свой веб ресурс. 

Библиотека Яндекс.Карточки, установленная на сайте, будет работать и на мобильных устройствах, помогая пользователю экономить трафик и быстрее находить ответы. А так же, Яндекс тестировал библиотеку Яндекс.Карточек на сайтах и в итоге, на тестированных веб-ресурсах уменьшилось число отказов, увеличилась глубина просмотра и время, проведенное пользователями на сайте. Вот, как то, так, друзья.

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

Яндекс.Карточка - это технология, позволяющая размещать на сайте текстовые подсказки о людях, событиях, компаниях, терминах и других объектах, упоминаемых на странице. С помощью подсказок пользователи могут получить недостающие им сведения, не покидая ваш сайт. Это поможет им лучше понять текст и погрузиться в чтение.

Подсказки появляются в небольшой карточке, которая открывается по клику на слово. Информация для карточек берётся из поиска Яндекса. Из подсказки можно также перейти к поиску других упоминаний объекта на сайте или в интернете. Технология поддерживает все браузеры и платформы, кроме Internet Explorer ниже 10 - ой версии.

Как установить скрипт Яндекс.Карточка на сайт WordPress

Скрипт нужно подключить и вызвать на каждой странице, на которой вы хотели бы видеть карточки.

Если встроить Карточку на ваш сайт, пользователи смогут получить недостающие им сведения, не покидая страницу сайта. Это поможет им лучше понять текст.

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

Для того, чтобы установить карточки с всплывающими подсказками на свой блог или сайт WordPress, вам нужно зайти в панель управления. Затем, перейти Внешний вид - Редактор. Открыть файл - Подвал (footer.php) и в самом конце кода найти закрывающий тег </body>

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

После этого, чуть выше закрывающего тега вставляем этот скрипт:

<script charset="utf-8" type="text/javascript"
src="https://static.yandex.net/yobject/v2/_/loader.js"></script>
<script>ya.yobject.load(document.body);</script>

Теперь обновляем файл футера, переходим на сайт и смотрим результат. Кликните по подчеркнутому слову, чтобы посмотреть карточку с дополнительной информацией:

Текстовые подсказки в Яндекс. Карточка
Подсказки появляются в небольшой карточке, которая открывается по клику на слово

Или так:

Карточки яндекс с подсказками
Карточки с подсказками смогут видеть даже те пользователи, которые не установили расширение.

Теперь, с помощью подсказок ваши посетители могут получить недостающие им сведения, не покидая ваш сайт/блог ВордПресс.

Надеюсь, товарищи, понятно всё объяснил. Ах, да. Яндекс.Карточки рассчитаны в основном на информационные ресурсы, а не на интернет магазины. И самое главное, повторюсь, что карточки с подсказками смогут видеть даже те пользователи, которые не установили расширение для браузера.

На этом, у меня вся информация на сегодня, желаю удачи и до новых встреч. Пока, пока!


15 комментариев к “Яндекс.Карточка для сайта. Как установить?”

  1. Здравствуйте! Я установила скрипт, все нравится, но, как я поняла, на мобильных устройствах это не работает? Захожу на сайт с тел.и планшета и этих подсказок нет. Может нужно еще что-то установить? Спасибо!

    Ответить
        • Простите, Александр! Я про вас совсем забыл. Больше не работает, Яндекс эту технологию удалил. Придётся и мне удалить статью.

          Ответить
          • Жаль конечно, хорошая штука была… У меня раньше стояла, а сейчас думал, что я что-то не то делаю, поэтому не работает))

          • Да и мне жаль. У меня тоже была на информационном сайте, удобная штуковина. Я как то не замечал, что не работает Яндекс карточка, а благодаря вам теперь знаю. Спасибо вам!

Оставьте комментарий

 необходимо принять правила конфиденциальности