Уроки самостоятельного создания и продвижения сайта и интернет магазина
Создание, настройка и установка информационного виджета, соцсети Одноклассники, на сайт.

С помощью этого виджета посетителям Вашего сайта будет легко и удобно присоединиться к Вашей группе на Одноклассниках. Виджет группы позволяет вступать в группу или сообщество на ОК за пару кликов.

Я покажу Вам процесс создания, настройки и размещения этого информационного блока на сайте.

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

Для начала авторизуйтесь на своей странице. Для того, чтобы перейти к созданию виджета группы кликните на значок ОК (одноклассники ) в левом верхнем углу на Вашей странице:

Создание виджета группы в однокласниках

Затем нажмите на ссылку "Разработчикам":

Настройка виджета группы в однокласниках

В открывшемся окошке выбираем раздел "ОК для сайтов":

Виджет ОК для сайтов создание и настройка

Вы попадёте на страницу со списком всех доступных виджетов, соцсети Одноклассники, для сайта. Выбираем "Виджет группы":

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

Итак мы, наконец то, добрались до страницы создания и настроек данного виджета групп ОК для сайта. Разберём, по порядку, все, доступные нам, настройки этого информационного блока.

Первым делом нужно заменить ID группы, из примера на сайте, на ID Вашей группы:

ID Группы в социальной сети Одноклассники

Как узнать ID своей группы:

Как узнать ID своей группы в Одноклассниках

Зайдите в свою группу и кликните на значок ..., а, затем, в выпадающем меню, на пункт "Настройки":

Как получить ID своей группы в Одноклассниках

Искомый ID Вашей группы будет красоваться на самом верху открывшейся страницы:

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

Теперь необходимо вернуться на страницу с настройками виджета, группы Однаклассников для сайта, и вставить СВОЙ ID, в соответствующее поле, на этой странице:

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

Далее нужно задать размеры виджета в визуальном, так сказать, режиме. В дальнейшем, Вы можете, произвольно, менять эти размеры прямо в коде виджета, на Вашем сайте.

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

После сделанных Вами настроек код виджета будет сформирован:

Код виджета группы в Одноклассниках для сайта

Переходим к вставке кода виджета группы на свой сайт.

Процесс вставки кода я проиллюстрирую на примере своего сайта созданного в Конструкторе сайтов uCoz. Если Ваш сайт создан на другой платформе - не отчаивайтесь! : ) Процесс добавления нового кода на страницы сайта примерно одинаков для всех платформ.

Первым делом Вам нужно определиться с местом на сайте, в котором Вы хотели бы разместить виджет группы ОК. Затем Вам надо добраться до HTML кода выбранной страницы сайта.

Я решил разместить виджет группы в Первом контейнере ( по терминологии разработчиков конструктора uCoz ).

Первый контейнер хорош тем, что вся информация которая в нём размещена будет доступна посетителям моего сайта практически на ВСЕХ страницах сайта. Такова структура этого контейнера. Вы размещаете информацию всего один раз и она доступна на всех страницах Вашего проекта. Удобно!

В общем, если Ваш сайт, по какому то недоразумению :), создан на платформе отличной от uCoz - думаю, что Вам не составит труда добраться до HTML кода нужной Вам страницы.

Итак, я выбрал место для размещения виджета ОК и вставил код этого виджета в HTML код соответствующей страницы ( блока ) на своём сайте:

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

И вот, финальный аккорд, таким образом виджет, группы на Одноклассниках для сайтов, отображается на моём сайте:

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

На этом настройка и установка виджета успешно завершена.

Как Вы можете видеть этих самых виджетов на моём сайте, уже, установлено "видимо - невидимо" : ) А всё почему? А потому, что я пишу, различные, уроки по созданию и раскрутке сайта и, сразу же!, воплощаю то, что в них описано, на своём сайте. Для наглядности, так сказать : )

Поэтому, пользуясь случаем, приглашаю Вас вступать в мои, уже, существующие группы в различных соцсетях. Ну в те, которые Вам милее : )

С одной стороны Вы всегда сможете, своевременно, узнавать о выходе моих новых уроков по созданию и продвижению сайта и интернет магазина своими силами. А с другой - Ваше вступление и участие в моих группах поможет их развитию и продвижению. Ну и продвижению моего сайта, есстествено. Профит : )

 

Постоянный адрес этой статьи на моём сайте: делаем-сайт.com/publ/prodvizhenie_i_raskrutka_s...


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

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

Оформите подписку на новые уроки портала "Уроки создания и продвижения сайта" по электронной почте

Введите Ваш email адрес :

Доставляется сервисом FeedBurner

Также, Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина


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

Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно, доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : )

Мой кошелёк в Яндекс Деньги

Вы можете сделать пожертвование как со своего счёта в Яндекс Деньги, так и при помощи банковской карты. Выберите приемлемый вариант напротив поля с суммой Вашего перевода.

Если Вы заметили какую либо ошибку на сайте или в статье - просьба сообщить об этом в комментариях!

Удачи в создании и продвижении собственного сайта или интернет - магазина!


@темы: Раскрутка сайта в соцсетях