Кнопки «Класс!» и «Поделиться», работающие в одно нажатие 
Кнопка «Класс!» позволяет посетителям вашего сайта выразить своё положительное отношение к размещённому на сайте материалу (статья, новость, видео...) в одно нажатие кнопки. Заголовок страницы, являющийся прямой ссылкой, вместе с описанием и фотографией попадают в Ленту – то есть сообщение об этом событии вместе со ссылкой видят все друзья этого человека на Одноклассниках.
Кнопка «Поделиться», также работающая в одно нажатие, позволяет посетителям вашего сайта разместить в Ленте на Одноклассниках ссылку на понравившийся им материал, без личной оценки этого материала.
Почему стоит разместить на своём сайте эти кнопки?
Из всех кнопок, предлагаемых партнёрам Одноклассников, эти две, пожалуй, самые удобные для посетителей вашего сайта. Одно нажатие на кнопку – и все друзья уже видят в Ленте интересную ссылку. Закономерным результатом такого распространения ссылок на ваш сайт станет рост количества его посетителей.
Как разместить кнопки на сайте
Что бы разместить кнопки Одноклассников на вашем сайте, необходимо:
- В заголовок страницы включить ссылки на Javascript и CSS файлы, находящиеся на серверах Одноклассников.
- Вставить HTML код кнопки в удобное для вас место на странице.
Для того, чтобы разместить кнопку «Класс!», воспользуйтесь следующим кодом:
Код для размещения кнопки «Поделиться»: - После окончания загрузки страницы необходимо ОБЯЗАТЕЛЬНО вызвать ODKL.init();, например:
Для указания позиции кнопки на вашей странице используйте атрибут style элемента <div style="float: left;">. Изменения внешнего вида кнопок «Класс!» и «Поделиться», работающих в одно нажатие, не предусмотрены.
Кнопка «Класс!» со статистикой
Кнопка «Класс!» позволяет посетителям вашего сайта поделиться содержанием страницы (статья, новость, видео) со своими друзьями, зарегистрированными на Одноклассниках. На кнопке отображается количество успешных нажатий «Класс!» (шар) на вашем сайте, а так же количество нажатий «Класс!» на Одноклассниках.
Какую пользу принесёт вам эта кнопка
По сути, эта кнопка – индикатор того, насколько тот или иной материал на сайте интересен вашим посетителям. Чем больше раз на неё кликнут – тем полезнее/ интереснее/забавнее опубликованная информация. А зная предпочтения своих посетителей, вам будет легко сделать свой сайт ещё более популярным!
Как разместить кнопку на сайте
Что бы разместить кнопку «Класс!» со статистикой на вашем сайте, необходимо:
- В заголовок страницы включить ссылки на Javascript и CSS файлы, находящиеся на серверах Одноклассников.
- Вставить HTML код кнопки в удобное для вас место на странице.
Код этой кнопки, в отличие от обычной кнопки «Класс!», модифицировать нельзя, всё, что находится внутри <a></a>, будет заменено.
Важно сохранить оригинальное имя класса CSS, так как оно используется как признак кнопки. - Чтобы появилась статистика, после окончания загрузки страницы необходимо ОБЯЗАТЕЛЬНО вызвать ODKL.init();, например:
Кнопка «Класс!» 
Кнопка «Класс!» позволяет пользователям вашего сайта поделиться содержанием страницы (статья, новость, видео) со своими друзьями в Одноклассниках. Заголовок страницы, являющийся прямой ссылкой вместе с описанием и фотографией попадают в Ленту, где запись видят все друзья этого пользователя. Также она сохраняется в разделе «Ссылки».
Положительный эффект для вашего сайта
Кнопка создаёт трафик на ваш сайт. Друзья пользователя, опубликовавшего страницу, увидят её в Ленте и перейдут по прямой ссылке. Более того, если друзьям статья понравилась, они нажмут на Одноклассниках на линк «Класс!», расположенный под записью о вашей статье в Ленте. В этом случае статья появится в их Ленте, и, в свою очередь, их друзья увидят статью. Таким образом, трафик на ваш сайт возрастает ещё больше.
Как разместить кнопку на сайте
Что бы разместить кнопку «Класс!» на вашем сайте, необходимо:
- В заголовок страницы включить ссылки на Javascript и CSS файлы, находящиеся на серверах Одноклассников.
- Вставить HTML код кнопки в удобное для вас место на странице. Выберите стандартную или маленькую кнопку.
Заголовок, описание и фотография на странице определяются автоматически.
Как сделать так, чтобы страница отображалась правильно в Ленте
Заголовок берётся из тэга <title>, описание из мета тэга description. Пример кода:
Ссылки на фотографии берутся из тэгов <img>. Пользователю предоставляется возможность выбрать одну из найденых картинок, ссылка на которую будет сохранена вместе с новостью. Размер картинки должен быть не меньше, чем 101х101 точек, а соотношение сторон (меньшая к большей) не меньше 1/2.
Возможность изменить внешний вид кнопки
У вас есть возможность заменить картинку кнопки на другую, более удобную для вас. Для этого следует использовать скрипт и CSS с наших серверов. Свою картинку можно получить, переопределив два CSS правила на своей стороне:
Важно сохранить оригинальное имя класса CSS, так как оно используется как признак кнопки.
Ваши комментарии и предложения