Кнопка «Класс» от одноклассники для сайта, установка на: WordPress, Joomla или DLE

Социальные сети (SMO)

6

Известная всем кнопка «Класс!» социальной сети РУнета Одноклассники… В чем целесообразность ее размещения на сторонних ресурсах? Дело в том, что из всех предлагаемых партнерам Одноклассников кнопок эта служит наиболее удобным инструментом для посетителей. Благодаря этому инструменту все друзья могут видеть в Ленте интересную ссылку, а владелец ресурса с такой кнопкой приобретает нечто большее.

По сути, кнопка «Класс!» является тем уникальным индикатором, который сигнализирует о степени заинтересованности размещенным на сайте материалом (видео, фото, статьи). Чем большее количество раз на нее кликнули, тем, соответственно, полезнее/забавнее опубликованная информация. Будучи осведомленным о предпочтениях своих посетителей, сделать сайт еще популярнее теперь легче! Кстати, кнопка «Класс!» может быть со счетчиком и без него.

  • Предупреждаю в статье скриншоты кода, а взять нужный участок можно этой страницы

Существуют некоторые особенности установки такого инструмента на ресурсы в случае с Joomla, WordPress, DLE.

На Joomla эту кнопку установить проще простого – всего 5 минут времени, и никакой мороки!

Итак, в менеджере шаблонов на админпанели выбрать Текущий шаблон и Правка HTML, где в самое начало страницы нужно вставить следующий html-код. После этого, на сайте хостинг-провайдера в папке, где установлена Joomla, находим документ public_html-components-com_jcomments-tpl-default с файлом tpl_index.php. Здесь конечный пункт наших «похождений», поэтому добавляем html-код:

Первый кодКнопка «Класс!» готова к применению!

Для размещения кнопки «Класс!» со статистикой нужно активировать ссылки на Javascript и CSS файлы в заголовок страницы и вставить в подходящее место на странице HTML код кнопки.

Активация ссылок

Помните, что код этой кнопки, в отличие от обычной «Класс!», не подлежит модификации, т.к. содержимое внутри <a></a> будет заменено. Кроме того, имя класса CSS должно быть оригинальным, поскольку оно используется в качестве признака кнопки.

Для появления окошка со статистикой, по окончании загрузки страницы потребуется обязательный вызов окна ODKL.init();

<body onload="ODKL.init();">

На WordPress интерактивный инструмент «Класс!» устанавливается иначе.

Обычный плагин Social Share Buttons доступен к скачиванию и установке на официальном сайте WordPress (из админ-панели WordPress). Никакой правки кода, все телодвижения сведены к нажатию кнопок, и не более того!

Итак, переходим к админпанели WordPress в Плагины – Добавить новый, где в поисковой строке вводим Social Share Buttons (в списке плагинов он оказался у меня самым первым!). Далее – нажимаем  ссылку Установить, а после установки – Активировать плагин. Подробней про установку плагинов в wp.

Выбор плагина
Описанный путь установки плагина является самым простым, если, конечно же, они входят в каталог плагинов WordPress.

Теперь активированный плагин нуждается в настройках: меню Параметры и ссылка Share Buttons перенаправит нас в настройки плагина. Первое, на что нужно будет обратить внимание, – какие кнопки выставлены по умолчанию (в плагине доступны 8 вариантов кнопок в разном исполнении!). Следующим шагом будет действие по выбору нужной нам кнопки Одноклассников и установка ее в определенном месте. Я не думаю, что с этим будут проблемы, но если возникнут вопросы – спрашивайте!

Настройка вида кнопки

Для DLE (DataLife Engine) кнопка «Класс!» устанавливается так:

Кнопка «Класс!»  со статистикой:

Включаем в заголовок страницы ссылки на Javascript и CSS файлы в файл main.tpl между тегов  <head></head> и вставляем их. Дальнейшие шаги по отображению кнопки со статистикой предпринимаются в shortstory.tpl или fullstory.tpl путем вставки кода в нужное место:

Второй код

Простая кнопка «Класс!» генерируется вставкой кода:

<a class="odkl-klass" onclick="ODKL.Share(this);return false;" href="{full-link}">Класс!</a>

В завершение всему, находим в файле main.tplоткрывающийся тег <body>, который меняем на выражение

<body onload="ODKL.init();">

Ну вот и все! Желаю вам удачи в установки кнопки.

6 комментариев

сначала новые
по рейтингу сначала новые по хронологии

Почему после добавления кнопок они обведены красным штрихом

У меня стало обводить красным штрих - пунктиром после установки RDS бара. Возможно вы тоже установили какой либо плагин.

Использовала вашу ссылку на оф. страницу одноклассников, код вставила в блог. Но после нажания на него, кнопка становится не активной и белой внутри, только с оранжевой рамочкой. Пчему так может быть? Спасибо!

Использую Social Share Buttons на своем блоге. Удобен и практичен.

Владимир

Никогда не понимал нужды от данной кнопки, очень редко люди добавляют информацию в одноклассники.

Ярослав Голубев
Автор
Ярослав Голубев

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

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно