Пусть термин «виджет» и кажется незнакомым и непривычным на слух, пользуетесь вы ими практически каждый день. Особенно если являетесь владельцем гаджетов. По сути виджет – это программа-приложение, ее визуальный элемент, позволяющий получить к программе быстрый доступ. Включив смартфон, хотите подробнее узнать про погоду?
Достаточно нажать на значок метео-приложения – того самого виджета – и перейти на страничку прогнозов. Значок часов или календарь на экране смартфона – тоже виджеты.
Интересно, что вы сами можете создать такой виджет в «Одноклассниках» на сайт, например, чтобы раскрутить группу с любимых ok.ru еще больше. Ведь присоединиться к ней станет намного проще — всего в один клик! А вы получите дополнительную рекламу, новых посетителей и клиентов.
Справка: Слово widget – американское и чаще используется в разговорной речи. Переводится как штука, приспособление, устройство, название которого говорящему неизвестно.
Кнопка Одноклассники на сайте
Создание виджета
Если слово виджет кажется заумным, и вы думаете, что создать его – занятие сложное – ошибаетесь. Никакими специальными знаниями обладать не нужно.
Внимание! Перед созданием виджета — создайте группу на сайте «Одноклассники».
Для встраивания виджета, группа на ok.ru должна быть открытой. Заходим в профиль. Пролистываем левую колонку до самого конца. Находим надпись «Еще», наводим курсор, кликаем слово «Разработчикам» (либо заходите по ссылке: https://apiok.ru/).
Жмем «ОК для сайтов» 
и далее «Виджет группы». 
Вам откроется результат (в том числе код встраивания) — виджет, который, возможно, придется подкорректировать. Например, с помощью простейшего конструктора изменить размеры виджета и добавить ID группы. Инструкция добавления дается тут же. ID можно добавить в виджет, только если вы модератор группы, URL сообщества не был изменен и отображается в адресной строке браузера.
Добавление виджета на сайт
Чтобы встроить виджет на сайт, зайдите в раздел администрирования, в сайдбар. Там в нужном разделе, в режиме HTML добавьте скопированный код виджета. Есть и другой путь встраивания: зайдите в меню CMS через панель администрирования. Найдите «Статические блоки». Выбирайте «Виджет Одноклассники «Группа», редактируйте (знак карандашика).
Откроется новое окно, нажмите в нем на слово «Источник». Вставьте код виджета. Не забудьте сохранить изменения.
Кнопка Класс/Likes в Одноклассниках
Важно! Если на сайте уже есть виджеты, в окне «Источник» код нового виджета нужно вставить в конце всех скриптов.
Источник: zatupila.ru
Все об Одноклассниках. Способы работы в соц сетях.
Работа в социальных сетях — Одноклассники.Ру и ВКонтакте
Как установить виджет Одноклассников на блог или сайт
Просмотров записи: 11653
Дорогие друзья! Если у вас есть какие-то вопросы или предложения, то вы всегда меня сможете найти в социальных сетях:
Я всегда рад новым знакомствам!
Поделись информацией со своими друзьями:
Всем привет! Я снова с вами и сегодня я хочу рассказать о том, как установить себе виджет на сайт или блог, установить правильно и правильно его настроить.
Наверняка вы знаете, из моего блога или из других о том, что чем больше участников в группе и выше активность, тем быстрее развивается ваша группа и осуществляется больше продаж. И если у вас есть уже блог или свой сайт, то поверьте, далеко не лишним станет установка виджета вашей группы в Одноклассниках на нем. Это может как увеличить количество подписчиков так и повысить активность. Тем более эта процедура будет эффективной если ваш блог популярный и хорошо посещаемый.
Для начала давайте определимся, что такое виджет группы. Вы скорее всего уже видели такое на сайтах:
Вот это и есть виджет Одноклассников. Как видите на нем отображается количество участников в группе, так как я уже в этой группе, то мне он просто предлагает зайти в нее. Если бы я не был в этой группе, тогда бы он предложил мне стать участником данной группы. Так-же и посетители вашего сайта или блога могут стать участниками вашей группы в Одноклассниках, увидев данный виджет.
А теперь как его установить к себе. Для начала вы будете должны зайти на официальную страницу Одноклассников, где дается рабочий и всегда действующий код виджета:
https://apiok.ru/wiki/pages/viewpage.action?pageId=42476655
Там вы увидите следующее:
На этой странице вы можете настроить внешний вид будущего виджета, его размеры, далее расскажу подробнее про каждый пункт:
- Визуальная настройка ширины виджета
- Визуальная настройка высоты виджета
- Можно указать ширины и высоту в пикселях (необходимо для точной настройки, что грамотно его вписать в дизайн вашего сайта)
- Вот здесь вам надо вставить ID своей группы, где его взять я напишу ниже.
- Окно предпросмотра
- Код, который вам надо будет скопировать после всех настроек и вставить к себе на сайт.
А где же взять ID вашей группы? Для этого вам надо зайти в свою группу в Одноклассниках и нажать на ее настройки:
И уже в настройках, в самом низу страницы найти ID вашей группы. Только заходить в настройки группы необходимо от имени администратора группы.
После всех настроек копируем код из поля, указанного на картинке под номером 6 и далее вставляем себе на сайт или блог.
Вы можете себе установить не только один виджет, вы можете установить хоть 5, хоть 10 виджетов, все зависит от вашей фантазии!
А сегодня на этом все! Всем удачи! Всем отличных заработков в социальной сети Одноклассники! До новых встреч на страницах моего блога!
Похожие посты
Приветствую тебя дорогой друг! Что-то давно я ничего не писал. Сегодня я расскажу как же создать группу и как правильно ее настроить. На самом деле создать группу очень просто! Ну что .
Всем привет! Что-то я опять давненько не писал. Но сейчас я это исправлю. Буквально только что я зашел в Яндекс.метрику и заметил, что очень часто ко мне на блог приходят .
Приветствую тебя дорогой друг на моем блоге! Как и всегда с вами Огнёв Алексей. Ой, как же я долго не писал сюда, но на это были свои причины. Но вот настал .
Привет дорогой друг! Сегодня мне захотелось вам рассказать о том, как же зарегистрироваться в Одноклассниках и правильно заполнить анкету. Просто об этом я еще не писал и я решил это исправить. .
Всем здрасьте!) Вас приветствует Алексей Огнев! Очень часто многие жалуются, что их взломали в Одноклассниках. И вот я сегодня решил поделиться с вами своими рекомендациями по правильному выбору логина и пароля, а .
Привет дорогой друг. Я, Алексей Огнев — рад приветствовать тебя на странице своего блога. И сегодня я решил поделиться своей подборкой ресурсов, где вы можете взять гифки для Одноклассников. Которые .
Приветствую дорогие друзья, с вами на связи Огнев Алексей! Сегодня речь пойдет о том, а зачем же нам вообще группы в одноклассниках? Что таит в себе этот термин — группа в .
Всем привет! Сегодня я хочу вам рассказать, о волнующей многих, теме: Как заработать на классах в Одноклассниках и возможно ли такое вообще?». Кому эта тема интересна, то приглашаю читать далее. Почему я решил написать .
Ребят, всем привет! За окном уже настала совсем весенняя погода, веселая капель наполняет душу теплом и радостью. И в этот прекрасный день, хочется рассказать о чем нибудь полезном. И я решил .
Многие из вас наверное замечали, что некоторые посты в группах набирают по 200-300 классов, а некоторые как будто бы сходят с ума и могут набрать по 1000, а то и .
Источник: alexey-ognev.ru
Кнопка Одноклассники для сайта «Класс», «Нравится», «Поделиться»
Сегодня снова речь пойдет о социальных кнопках, а именно кнопке «Класс» Одноклассники и «мне нравится» Mail. Уже были статьи о кнопках Googl +1, Мне нравится Вконтакте.
Советую установить кнопки различных социальных сетей на сайт, это поможет его продвижению. Но старайтесь вставлять их код напрямую в код сайта, не используя плагины, они замедляют работу сайта.
Кнопки, о которых пойдет речь, позволяют вашим читателям отмечать понравившуюся информацию и делиться с ней в социальных сетях “Одноклассники” и “Мой мир”. Когда читатель нажимает кнопку «Класс» или «Нравится», он рекомендует вашу статью своим друзьям, привлекая тем самым новых читателей на блог.
Ссылка Одноклассники для сайта
Вы уже знаете из предыдущих статей, что коды кнопок блока «поделиться» нужно вставлять в файл single.php:
не забудьте подставить адрес своего сайта.
Кнопка Одноклассники «Класс»
Можно сгенерировать красивую кнопку одноклассники «класс» или «нравится» или «поделиться» — на свое усмотрение. Задать так же можно размер и внешний вид кнопки, наличие счетчика.
Зайдите по адресу: https://apiok.ru/wiki/pages/viewpage.action?pageId=42476656 и выполните необходимые настройки, после чего скопируйте полученный код в файл single.php вашего блога.
Как установить кнопку Mail «Нравится»
Перейдите на страницу конструктора кнопок https://api.mail.ru/sites/plugins/share/
Аналогично предыдущему пункту настройте внешний вид кнопки «Нравится». Тут все просто, но если что-то не получается, спрашивайте в комментариях!
Раньше была возможность здесь же настроить и кнопку поделиться для Одноклассников. Но, похоже, больше этого нет. После настройки внешнего вида появится код кнопок:
Скопируйте этот код и вставьте его рядом с другими кнопками в файле single.php.
Напоследок скажу, что результативность кнопок Одноклассников и Mail зависит от контента вашего блога. Чем полезнее ваши статьи, тем чаще ими будут делиться.
Если понравилась статья, нажмите одну из кнопок социальных сетей внизу, буду признательна.
Источник: pro-wordpress.ru