кнопка наверх

Кнопка Одноклассники для сайта «Класс», «Нравится», «Поделиться»

buttons_promo_280Здравствуйте! Сегодня снова речь пойдет о социальных кнопках, а именно кнопке «Класс» Одноклассники и «мне нравится» Mail. Уже были статьи о кнопках Googl +1, Мне нравится Вконтакте.

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

Кнопки, о которых пойдет речь, позволяют вашим читателям отмечать понравившуюся информацию и делиться с ней в социальных сетях “Одноклассники” и “Мой мир”. Когда читатель нажимает кнопку «Класс» или «Нравится», он рекомендует вашу статью своим друзьям, привлекая тем самым новых читателей на блог.

Ссылка Одноклассники для сайта

Вы уже знаете из предыдущих статей, что коды кнопок блока «поделиться» нужно вставлять в файл single.php:

  • Кнопка Одноклассники «Класс» – в виде ссылки (без иконки ):
    <a href="https://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=имя_вашего_сайта“ rel="nofollow" target="_blank">Одноклассники</a>

не забудьте подставить адрес своего сайта.

Кнопка Одноклассники «Класс»

Можно сгенерировать красивую кнопку одноклассники «класс» или «нравится» или «поделиться» — на свое усмотрение. Задать так же можно размер и внешний вид кнопки, наличие счетчика.

Зайдите по адресу: https://apiok.ru/wiki/pages/viewpage.action?pageId=42476656 и выполните необходимые настройки, после чего скопируйте полученный код в файл single.php вашего блога.

кнопка одноклассники класс

Как установить кнопку Mail «Нравится»

Перейдите на страницу конструктора кнопок https://api.mail.ru/sites/plugins/share/

Аналогично предыдущему пункту настройте внешний вид кнопки «Нравится». Тут все просто, но если что-то не получается, спрашивайте в комментариях!

soc_knopki1

Раньше была возможность здесь же настроить и кнопку поделиться для Одноклассников. Но, похоже, больше этого нет. После настройки внешнего вида появится код кнопок:

soc_knopki2

Скопируйте этот код и вставьте его рядом с другими кнопками в файле single.php.

soc_knopki3

Напоследок скажу, что результативность кнопок Одноклассников и Mail зависит от контента вашего блога. Чем полезнее ваши статьи, тем чаще ими будут делиться.

Если понравилась статья, нажмите одну из кнопок социальных сетей внизу, буду признательна.


1 звезда2 звезды3 звезды4 звезды5 звезд (6 оценок, среднее: 4,83 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Jazzmin:

    Вот только сегодня узнала о сервисе PLUSO share.pluso .ru. Довольно не плохо, как вам кажется? И статистика есть.

    Ответить
    • Анна:

      Да, действительно хороший сервис. И стиль кнопок можно подобрать под дизайн блога, и статистику показывают...

      Ответить
      • Томский школьник:

        Тоже пользуюсь PLUSO, очень рад им. Многих знаю, что перешли на эти кнопки.

        Ответить
        • Анна:

          Тоже нужно попробовать, когда руки дойдут:)

          Ответить
  2. Виталий:

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

    Ответить
  3. Elena:

    Google+1 в IE 7 не отображается, хотя в FF все ок.

    Ответить
  4. Олег:

    Вы знаете, что тысячи сайтов были заражены вирусами из за уязвимости сервиса pluso. ru. Так что ОСТОРОЖНО!

    Ответить
    • Анна:

      Спасибо, надеюсь, что уязвимость уже устранили:)

      Ответить
  5. ваш поклонник:

    Что то когда хочу нажать у вас кнопку +1 одноклассники то ничего не происходит. и у меня на сайте тоже самое.

    Ответить
    • Анна:

      А у меня работает эта кнопка. Попробуйте через другой браузер.

      Ответить
  6. Владимир:

    Спасибо Вам огромное Анна за творчество!!! Постоянно выручаете. Процветания Вашему ресурсу!

    Ответить
  7. Андрей:

    Первая ссылка в этой статье уже не поддерживается ОК.

    Есть ли ещё такое же решение, без js?

    А то у меня кнопка ОК на сайте уже есть, а как сделать её рабочей не могу найти.

    Ответить
Ваш комментарий: