Виджеты ок. Как установить виджет группы Одноклассники? Как может выглядеть виджет публикации в «Одноклассниках»

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

С помощью браузера

Некоторые программы (Google Chrome, Opera и т. п.) позволяют создавать иконки прямо из своего окна. Чтобы скачать ярлык одноклассников на рабочий стол бесплатно, откройте сайт социальной сети. Если браузер открыт на весь экран, предварительно немного уменьшите его в размерах, чтобы был виден свободный кусочек рядом с ярлычками. Наведите курсор на область в начале адресной строки.

Зажмите в этом месте левую кнопку мышки и ведите курсор вбок, на рабочий стол. Во время передвижения держите кнопочку все время нажатой. Если вы сделаете правильно, то рядом с курсором возникнет текст «ОК.RU» и оранжевый значок, которые начнут двигаться за мышью. Доведите их до остальных ярлыков и отпустите кнопку. Появится новая иконка. Кликните на нее и откроется сайт сети ОК. Чтобы поменять ярлыку название, щелкните его правой кнопкой, найдите «Свойства» и на вкладке «Общие» введите нужное имя:

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

Вручную

В пустом месте экрана нажмите правую кнопку мышки и в появившемся меню перейдите на «Создать» — «Ярлык».

Система попросит ввести адрес объекта: вставьте в поле строку https://ok.ru/ и кликните «Далее».

Укажите название значка («Одноклассники» или любое другое – ограничений на имена нет). Щелкните «Готово».

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

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

Система предложит на выбор множество изображений.

Если же вы намерены поставить фирменный знак ОК, то наберите в интернете «Иконка Одноклассники». Найдите и скачайте файл с нужным рисунком и обязательно расширением *.ico – только такие файлы используют для значков. Нажмите «Обзор» и перейдите к выбору скачанного файла.

Пусть термин «виджет» и кажется незнакомым и непривычным на слух, пользуетесь вы ими практически каждый день. Особенно если являетесь владельцем гаджетов. По сути виджет – это программа-приложение, ее визуальный элемент, позволяющий получить к программе быстрый доступ. Включив смартфон, хотите подробнее узнать про погоду? Достаточно нажать на значок метео-приложения – того самого виджета – и перейти на страничку прогнозов. Значок часов или календарь на экране смартфона – тоже виджеты.

Интересно, что вы сами можете создать такой виджет в «Одноклассниках» на сайт, например, чтобы с любимых ok.ru еще больше. Ведь присоединиться к ней станет намного проще — всего в один клик! А вы получите дополнительную рекламу, новых посетителей и клиентов.

Справка: Слово widget – американское и чаще используется в разговорной речи. Переводится как штука, приспособление, устройство, название которого говорящему неизвестно.

Создание виджета

Если слово виджет кажется заумным, и вы думаете, что создать его – занятие сложное – ошибаетесь. Никакими специальными знаниями обладать не нужно.

Внимание! Перед созданием виджета — создайте группу на сайте «Одноклассники».

Для встраивания виджета, группа на ok.ru должна быть открытой. Заходим в профиль. Пролистываем левую колонку до самого конца. Находим надпись «Еще», наводим курсор, кликаем слово «Разработчикам» (либо заходите по ссылке: https://apiok.ru/).

Жмем «ОК для сайтов»

Вам откроется результат (в том числе код встраивания) — виджет, который, возможно, придется подкорректировать. Например, с помощью простейшего конструктора изменить размеры виджета и добавить ID группы. Инструкция добавления дается тут же.

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

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

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

Есть и другой путь встраивания: зайдите в меню CMS через панель администрирования. Найдите «Статические блоки». Выбирайте «Виджет Одноклассники «Группа», редактируйте (знак карандашика). Откроется новое окно, нажмите в нем на слово «Источник». Вставьте код виджета. Не забудьте сохранить изменения.

Важно! Если на сайте уже есть виджеты, в окне «Источник» код нового виджета нужно вставить в конце всех скриптов.

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

Сохраните у себя!

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

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

Как может выглядеть виджет публикации в «Одноклассниках»

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

Можно выбрать одну из следующих разновидностей:

Настройка и размещение виджета публикации из «Одноклассников» на сайт

Вся суть заключается в выполнении нескольких несложных операций:

• решение о том, какой будет тип виджета, и последующая работа над его оформлением, шириной, высотой;
• добавление необходимой информации для корректного отображения (ссылка на контент ил группу, подтверждение прав администратора паблика и т. д. в зависимости от выбранного типа виджет-формирования);
• копирование полученного кода в конструкторе;
• вставка кодовой комбинации на веб-ресурс в необходимое место;
• «подгонка» и редактирование отображения при необходимости, проверка работоспособности.

Чтобы разместить кнопку, переходим по следующей ссылке и видим следующее:

Спускаемся и начинаем работу с конструктором, редактируя ее внешний вид, язык для пользователя, заголовок, описание, картинку. Не забываем прописать URL вашего веб-ресурса.

Ниже можно увидеть результат манипуляций.

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

Перейдя во вкладку виджет (на этой же странице), редактируем ширину и высоту блока, прописываем id-группы (можно найти в настройках паблика или просмотреть информацию в самом низу страницы (после поля с кодовыми комбинациями)), выбираем устраивающий нас результат, копируем код виджета и размещаем его на веб-ресурсе.

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

В разделе «Виджет для контента» все делается еще проще. Достаточно прописать ссылку на публикацию (справка о то, как ее получить находится также внизу страницы), задать ширину и скопировать код.

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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