BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Вебмастеру » «Яндекс.Карточка» или делаем из сайта энциклопедию за 5 минут

«Яндекс.Карточка» или делаем из сайта энциклопедию за 5 минут

2017-01-19 / Вр:15:21 / просмотров: 1412

«Яндекс.Карточка» или делаем из сайта энциклопедию за 5 минут

За 5 минут вы сможете сделать из блога или сайта энциклопедию, используя библиотеку знаний  «Яндекс». Если ваш сайт несет полезную информацию, то «Яндекс.Карточка» будет отличным дополнением для сайта.

«Яндекс.Карточка» – это своего рода справочная, которая обо всем и о всех знает.

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

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

«Яндекс.Карточка» или делаем из сайта энциклопедию за 5 минут

Итак, теперь сам скрипт.

Скрипт нужно вставить между тегами <body></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>

Можно и вот так:

<script>
var ya = ya || {};

ya.yobject = (function() {
var YO_LAST_VERSION = 'https://yastatic.net/yobject/2.5.1/core.min.js',
DEFAULT_CLIENT_KEY = 2246354;

return {
load: function (article, options) {
var script = document.createElement('script');

options = options || {};
options.clientKey = options.clientKey || DEFAULT_CLIENT_KEY;

script.charset = 'utf-8';
script.type = 'text/javascript';
script.src = options.src || YO_LAST_VERSION;

script.onload = function() {
YINFO.parseAPIObjects(article, options);
};
script.onerror = function(data) {
console.log("Error: " + JSON.stringify(data));
};

document.getElementsByTagName('head')[0].appendChild(script);
}
};
})();
ya.yobject.load(document.body);
</script>

Выберите удобный для вас способ.
Вот для примера я покажу, как это выглядит:

<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>
</body>

 

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

11 Ответов на комментарий - «Яндекс.Карточка» или делаем из сайта энциклопедию за 5 минут

  1. Тамара Полякова

    Статья мне понравилась! Обязательно установлю код . Спасибо Степан!

    Ответить

  2. Кирилл

    Прикольно, ни разу такого не встречал, серьезно

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Да, прикольно придумали! Для информационного сайта, это классная фишка.

    Ответить

  3. Юрий

    Я недавно тоже на одном сайте увидел такую штуку и себе поставил. Любопытная штука.

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Да, Юрий, классная штука. Интересно, что еще Яндекс придумает из таких полезных штучек.

    Ответить

  4. Константин

    Здравствуйте!
    Что это: DEFAULT_CLIENT_KEY = 2246354;
    Короткий код (первый) работатет! Длинный (второй) не совсем понятен результат, что он представляет?
    Спасибо!

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Здравствуйте!
    1. Что это: DEFAULT_CLIENT_KEY = 2246354;
    – ключ клиента (по умолчанию).
    2. Это два одинаковых кода. Во втором коротком коде есть ссылка на файл https://static.yandex.net/yobject/v2/_/loader.js
    Перейдите по ссылке и вы увидите код, который находится в первом коротком.

    Ответить

    Константин отвечает:

    Здравствуйте!

    “1. Что это: DEFAULT_CLIENT_KEY = 2246354;
    – ключ клиента (по умолчанию).” – ключ клиента какого сервиса???

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Яндекса.
    Почитайте руководство разработчика

    Ответить

  5. Константин

    Степан, вы так и не ответили на вопрос(
    В документации о “DEFAULT_CLIENT_KEY = ” нет ни слова, так что это?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    :lol: Константин, вы издеваетесь?
    Почитайте комментарий, ответы я дал на ваши вопросы!
    1. Что это: DEFAULT_CLIENT_KEY = 2246354;
    – ключ клиента (по умолчанию).
    2. ключ клиента какого сервиса???
    Яндекса.
    Что еще не так?
    Зайдите в руководство разработчика, ссылка выше и посмотрите код.
    Там есть ключ клиента (по умолчанию), просто нужно не ленится, а внимательно смотреть.
    А лучше, познакомьтесь с основами HTML, тогда Вы бы поняли, что такое подключение к скрипту.
    Это официальный код от Яндекса.
    Еще вопрос, насколько вы знаете HTML, JavaScript? Это важно!

    Ответить

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 788
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4419