Социальная сеть "Одноклассники" обзавелась собственным "социальным плагином". Нажав на кнопку 
, пользователи могут рассказать своим друзьям о полюбившихся страничках в Интернете.
Первыми "классную" кнопку разместили партнеры соцсети, в число которых входят онлайн-версии газет "Коммерсант", "Ведомости", "Аргументы и факты", а также видеопортал Ivi.ru и женский интернет-журнал Cosmo.ru.
Какую пользу принесёт Вам эта кнопка
По сути, эта кнопка – индикатор того, насколько тот или иной материал на сайте интересен Вашим посетителям. Чем больше раз на неё кликнут – тем полезнее/ интереснее/забавнее опубликованная информация. А зная предпочтения своих посетителей, Вам будет легко сделать свой сайт ещё более популярным!
Как разместить кнопку на сайте
Для того, что бы разместить кнопку «Класс!» со статистикой на вашем сайте необходимо:
1. В заголовок страницы между тегов <head> и </head> включить ссылки на Javascript и CSS файлы, находящиеся на серверах Одноклассники.ru
<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script>
2. Вставить HTML код кнопки в удобное для вас место на странице.
<a class="odkl-klass-stat" href="<?=$_SERVER['REQUEST_URI']?>" onclick="ODKL.Share(this);return false;" ><span>0</span></a>
Код этой кнопки, в отличии от обычной кнопки «Класс!» модифицировать нельзя, все что находится внутри будет заменено. Важно сохранить оригинальное имя класса CSS так как оно используется как признак кнопки.
3. Для того чтобы появилась статистика необходимо, чтобы после окончания загрузки страницы было вызвано: ODKL.init();
<body onload="ODKL.init();">
Ссылки
- Официальная документация
- Источник новости Вести.Ru
Похожие публикации:
- Копирование в буфер обмена
На многих форумах, блогах, гостевых, чатах есть ссылка скопировать что-то в буфер обмена пользователя. Такую кнопку обычно помещают возле "кодов... - Плагин для автоматического перевода заголовка поста на английский язык
Поисковые системы очень любят ЧПУ. Предлагаю вариант решения для перевода заголовка поста на английский язык в панели администрирования, используя Google... - Моргание фонового изображения в IE
Иногда при вёрстке меню приходится задавать фоновое изображение для тега A. При наведении курсора мыши на такой элемент в IE... - Поиск в Google Chrome
В браузере Google Chrome есть несколько способов поиска информации. Все они приведены ниже. Поиск с помощью клавиши Tab Начните вводить... - Фикс z-index у select в Internet Explorer 6
В браузере Internet Explorer до седьмой версии был один очень неприятный баг - никаким образом нельзя было перекрыть элемент select....
Cпасибо за совет. Пропустил пункт 3, и счетчик из-за этого не работал. Прописал изменение тега body — счетчик заработал.
Всегда рад помочь