Кнопка «Класс!» позволяет посетителям Вашего сайта поделиться содержанием страницы (статья, новость, видео) со своими друзьями, зарегистрированными на Одноклассники.ru. На кнопке отображается количество успешных нажатий «Класс!» (шар) на вашем сайте, а так же количество нажатий «Класс!» на Одноклассники.ru.
Какую пользу принесёт Вам эта кнопка
По сути, эта кнопка – индикатор того, насколько тот или иной материал на сайте интересен Вашим посетителям. Чем больше раз на неё кликнут – тем полезнее/ интереснее/забавнее опубликованная информация. А зная предпочтения своих посетителей, Вам будет легко сделать свой сайт ещё более популярным!
Как разместить кнопку на сайте
Для того, что бы разместить кнопку «Класс!» со статистикой на вашем сайте необходимо:
- В заголовок страницы включить ссылки на 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>
- Вставить HTML код кнопки в удобное для вас место на странице.
<a class="odkl-klass-stat" href="Абсолютный адрес страницы" onclick="ODKL.Share(this);return false;" ><span>0</span></a>
Код этой кнопки, в отличии от обычной кнопки «Класс!» модифицировать нельзя, все что находится внутри <a></a> будет заменено.
Важно сохранить оригинальное имя класса CSS так как оно используется как признак кнопки.
- Для того чтобы появилась статистика необходимо, чтобы после окончания загрузки страницы было вызвано: ODKL.init();
например: <body onload="ODKL.init();">
Кнопка «Класс!» 
Кнопка «Класс!» позволяет пользователям вашего сайта поделиться содержанием страницы (статья, новость, видео) со своими друзьями в Одноклассники.ru. Заголовок страницы, являющийся прямой ссылкой вместе с описанием и фотографией попадают в Ленту друзей, где запись видят все друзья этого пользователя. Также она сохраняется в разделе «Мои ссылки».
Положительный эффект для вашего сайта
Кнопка создаёт трафик на ваш сайт. Друзья пользователя, опубликовавшего страницу, увидят её в Ленте и перейдут по прямой ссылке. Более того, если друзьям статья понравилась, они нажмут на Одноклассниках на линк «Класс!», расположенный под записью о вашей статье в ленте. В этом случае статья появится в их Ленте, и, в свою очередь, их друзья увидят статью. Таким образом трафик на ваш сайт возрастает ещё больше.
Как разместить кнопку на сайте
Для того, что бы разместить кнопку «Класс!» на вашем сайте необходимо:
- В заголовок страницы включить ссылки на 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>
- Вставить HTML код кнопки в удобное для вас место на странице. Выберите стандартную или маленькую кнопку.
<a class="odkl-klass" href="АБСОЛЮТНЫЙ адрес страницы" onclick="ODKL.Share(this);return false;" >Класс!</a>
<a class="odkl-klass-s" href="АБСОЛЮТНЫЙ адрес страницы" onclick="ODKL.Share(this);return false;" ></a>
Заголовок, описание и фотография на странице определяются автоматически.
Как сделать так, чтобы страница отображалась правильно в ленте
Заголовок берётся из тэга <title>, описание из мета тэга description. Пример кода:
<head>
<title>Название страницы</title>
<meta name="description" content="Описание новости" />
...
</head>
Ссылки на фотографии берутся из тэгов <img>. Пользователю предоставляется возможность выбрать одну из найденых картинок, ссылка на которую будет сохранена вместе с новостью. Размер картинки должен быть не меньше чем 101х101 точек, а соотношение сторон (меньшая к большей) не меньше 1/2.
Возможность изменить внешний вид кнопки
У вас есть возможность заменить картинку кнопки на другую, более удобную для вас. Для этого следует использовать скрипт и CSS с наших серверов. Свою картинку можно получить, переопределив два CSS правила на своей стороне:
<style type="text/css">
.odkl-klass, .odkl-klass:hover {background:none;}
.odkl-klass {background: url(http://www.ваш сайт/share/odkl.gif) no-repeat;}
</style>
Важно сохранить оригинальное имя класса CSS так как оно используется как признак кнопки.
