Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO
Анализ сайта: Проверить сайт на санкции

Виджет группы Одноклассников — как создать и установить на сайте

13 декабря 2014
Комментарии: 13

Виджет группы Одноклассники

Привет дорогие читатели и гости блога seoslim.ru! В продолжение прошлых тем, которые были посвящены продвижению сайта в социальных сетях за счет ведения групп и фан-стрниц, я решил написать еще одну статью, где на собственном примере покажу, как установить на сайт виджет группы Одноклассники.

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

Если по каким-то причинам вы еще не создали группу на OK.ru, тогда поспешите это сделать, подробная инструкция находится здесь.

Зачем нужен виджет соц сетей на сайте:

Первое. Возможность показать, чем еще занимается автор проекта и какие у него есть еще интересы.

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

Третье. Возможность оценки посетителями состава сообщества и если там находится много людей, то это хороший толчок присоединится к ним. Ведь если другие туда вступили, значит, там есть что-то интересное.

Инструкция по добавлению виджета Одноклассники на сайт


Первым делом надо перейти на сайт OK.ru и там авторизироваться, далее на личной странице спускаемся в самый низ (футер) и находим там ссылку «Разработчикам».

ссылка Разработчикам

Далее вам должно перебросить на страницу «Возможности API», где придется кликнуть по еще одной ссылке «Социальные виджеты».

социальные виджеты

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

Конструктор OK.ru

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

Получить виджет

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

Размер по ширине — настраиваете ширину блока, как ползунком, так и числом пикселей;

ID группы — надо вписать уникальный идентификатор добавляемой группы;

Размер по высоте — настраиваете высоту виджета, как ползунком, так и числом пикселей;

Сразу встает вопрос, а как узнать ID группы?

Достаточно перейти в саму группу и в меню слева выбрать «Изменить настройки».

Изменить настройки

Далее спускаемся в самый низ настроек группы и находим строчку «ID этой группы на Одноклассниках», справа от которого и будет заветный ID.

ID группы на Одноклассниках

Теперь возвращаемся назад на страницу конструктора и вставляем в поле «ID группы» известный код и смотрим, как будет выглядеть виджет на сайте.

настройка блока

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

Код для вставки

Так как я решил установить блок группы Одноклассники на сайте в сайдбаре, то для этого перешел в административную панель проекта seoslim.ru, далее выбирают раздел «Виджеты» и нахожу из доступных «Текст».

Далее перетаскиваю его в правую сторону, у меня там располагаются блоки сайдбара, указывают заголовок и вставляю полученный ранее код, предварительно обрамляю его тегами <center> здесь код < /сеnter>, чтобы виджет Одноклассников в сайдбаре находился по центру.

добавляем виджет на сайт

Далее жмем кнопку «Сохранить», переходим на сайт и наслаждаемся полученным результатом.

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

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

(1 голос., в среднем: 5,00 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (13)
  1. Готовимся к рыбалке в 17:53

    Группа в Одноклассниках дает мне на сайт неплохой трафик. Поэтому моветую всем его создавать и устанавливать на своем . Блоге. В моей тематической группе уже почти 3000, а в начале апреля было чуть более сотни.

    Но для того, чтобы достичь такого показателя мало создавать виджет: он полезен. Но еще требуется раскручивать и саму группу. Я раскручиваю ее бесплатными методами. Поэтому и не очень быстро

    Ответить
    • Максим Войтик в 19:02

      Трафик к вам идет после того, как вы там выпустите анонс новой статьи?

      Ответить
  2. Игорь в 19:50

    Смотрю Одноклассники не отстают,от других социалок,тоже виджет замутили.

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

    Ответить
  3. Готовимся к рыбалке в 21:25

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

    Ответить
    • Максим Войтик в 23:09

      Спасибо возьму себе на вооружение ваши рекомендации. :)

      Ответить
  4. Aleksandr в 22:00

    А у вас нет статьи как вы сделали в одном виджете три социальных сетей! Хотел бы внедрить такое на новом сайте!

    Ответить
    • Максим Войтик в 00:26

      Это верстальщик делал, вам надо обратиться к фрилансерам.

      Ответить
      • Tamerlan в 08:28

        Максим,приветствую.

        Пост нужный,как раз занялся виджетами.

        И вот наткнулся на реализацию,которая то,что надо.

        Поддерживаю вопрос Aleksandra.

        Максим,вы подскажите контакт верстальщика(думаю будет проще решить вопрос).

        Заранее спасибо.

        Ответить
      • Максим Войтик в 17:42

        В статье про новый дизайн я дал контакты http://seoslim.ru/webdizajn/novyj-dizajn-bloga-seoslim-ru.html

        Ответить
  5. Людмила в 11:49

    Максим, по твоей статье поставила виджет одноклассников на сайт. Почему-то разъезжается надпись о количестве участников. Не поможешь- как сделать аккуратно и красиво?

    Ответить
    • Максим Войтик в 19:03

      Скорее всего дело в классе class="home-bottom-box". Этот класс у вас настроен один для всех виджетов и имеет стиль width: 21%; Так вот когда его убираешь, то виджет отображается нормально. Сделайте для Одноклассников отдельный класс со своими настройками.

      Ответить
  6. Лана Вита в 13:19

    Максим, приветствую)) все доступно объяснили, спасибо [good] )) поставила на свой блог. получилось! А еще не подскажете, как сделать, чтобы виджет был не только на главной странице? Заране ;-) е спасибо))

    Ответить
    • Максим Войтик в 22:06

      Так он у вас на всех страницах итак.

      Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2016 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!