Виджет одноклассники на сайт

Создаем свою группу в “Одноклассниках” и размещаем ее виджет на сайте Здравствуйте, уважаемые читатели и гости LediSeo! Очень давно я не писала на блог, у меня это же становится традицией. И дело здесь не в том, что писать нечего или не хочется, а просто катастрофически не хватает времени. Да и анализируя последние Ваши письма ко мне, я пришла в полное недоумение – описывая подробно то или иное действия на блоге я хотела бы чтобы Вы сами получили желаемый результат с помощью моих подсказок. Но как показала практика многие из Вас читая делают все по своему и в конечном результате недоумевают почему же не получилось вывести или создать. Ведь все что от Вас требуется для решения проблемы – это повторить мои действия, но уже относительного своего ресурса. Обидно просто, получается либо Вы не внимательно читаете, либо я не понятно описываю. Ух, высказалась, но теперь можно перейти к теме сегодняшнего разговора, а она у нас посвящена созданию группы в “Одноклассниках” и размещению ее виджета на сайте.


Социальные сети являются отличным инструментом для привлечения дополнительного трафика на ресурс, но чтобы получить действительный результат необходима серьезная работа – создание своей группы в той или иной соцсети, заполнение ее контентом и приглашением новых участников в группу, которым будет не просто интересна Ваша тематика, но и они будут активно принимать участие в Вашем сообществе. То есть писать комментарии, оценивать анонсы, ставя лайк или плюсик, публикуя свои интересные материалы. Добиться всего этого сложно, но можно и об этом я подробно писала в статье “Как вставить виджет сообщества от Вконтакте или еще один способ увеличения посещаемости”

Сегодня же я хочу продолжить данную тему и расскажу как создать свою группу в “Одноклассниках” и как затем разместить ее виджет на сайте.

Социальная сеть “Одноклассники” одна из самых популярных соцсетей в России, которая насчитываем огромное количество участников самых различных возрастов и это нельзя не использовать для привлечения новых читателей на блог и популяризации своего ресурса. Правда, здесь есть одно небольшое отличие данной соцсети от Facebook или Вконтакте, тема сообществ в основном развлекательной тематики – музыка, кино, кулинария, авто, игры. Оно и понятно, ведь мы постоянно нуждаемся в хлебе в зрелищах. Поэтому, если у Вас тематика ресурса “легкая”, то смело регистрируйте свой аккаунт и создавайте свою группу на “Одноклассниках” и с помощью нее привлекайте на ресурс новых посетителей. Итак….

Создать группу в “Одноклассниках”


После того, как Вы создадите свой аккаунт в данной соцсети и настроите свой профиль, Вы попадете на главную его страницу, где будет размещено несколько ссылок –вкладок, среди которых будет “Группы”

Создать группу в “Одноклассниках”

С помощью данной вкладки Вы можете найти сообщества по своим интересам и стать их участником, а так же можете создать и свою личную группу, нажав на иконку “Создать группу”

Создать группу в “Одноклассниках”

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


Создать группу в “Одноклассниках”

В следующем шаге нам предлагаю прописать название создаваемой группы в “Одноклассниках”(стрелочка 1), ее описание (стрелочка 2), а также загрузить картинку (стрелочка 3), которая будет являться аватаром группы, что позволит сделать ее более узнаваемой. Также определяем вид нашей группы – открытая или же закрытая (стрелочка 4).

Создать группу в “Одноклассниках”

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

Описание группы и ее аватар Вы можете на этапе создания группы в Одноклассниках не прописывать, так как такая возможность у нас будет и при дальнейших настройках группы. Поэтому смело жмем на кнопку “Создать” (стрелочка 5) и сразу же попадаем на главную страницу нашей созданной группы в Одноклассниках.


Создать группу в “Одноклассниках”

Как видите, изначально группа выглядит непривлекательной и не интересной и нам предстоит ее оформить и заполнить. Для оформления группы Вы можете воспользоваться кнопкой “Украсить страницу группы”, расположенной в правом верхнем углу, и на открывшейся странице выбрать из предложенных вариантов свое оформление. Также можно воспользоваться настройка из блока “Рекомендуем сделать”, расположенным в правой боковой колонке, который полностью дублируется в левой колонке в пункте  “Изменить настройки”. Подробно я все расписывать не буду, так как они понятны на интуиции.

Единственно, на что хочу обратить Ваше внимание, так это на то, что когда Вы зайдете в пункт “Изменить настройки” и из выпадающего окна выберете тематику ресурса

Создать группу в “Одноклассниках”

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


Создать группу в “Одноклассниках”

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

Создать группу в “Одноклассниках”

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

http://www.odnoklassniki.ru/group/0908076533976

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


Создать группу в “Одноклассниках”

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

http://www.odnoklassniki.ru/mirsalatov

Думаю, так гораздо лучше.

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

Создать группу в “Одноклассниках”


Для того чтобы отлепить материал повторно нажмите на данную кнопку.

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

Разместить виджет “Одноклассники” на сайте

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

http://dev.odnoklassniki.ru/wiki/pages/viewpage.action?pageId=20676726

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

виджет “Одноклассники”

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

Также в коде виджета Вы можете установить свои значения для параметров {width: «»,height: «»}

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

виджет “Одноклассники”


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

Вот и все, что я хотела рассказать. Всем удачи и пока – пока. Да, и не забудьте подписаться на обновления блога, если Вы этого еще не сделали.

С уважением, Наталья Яшина

www.lediseo.ru

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

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


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

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

Установка социального виджета на блог

Давайте приступим к установке самого виджета. Для этого нам необходимо перейти в Одноклассники и в самом низу социальной сети нажать на пункт «Разработчикам»:Виджет одноклассники на сайт

Вас должно перенаправить на страницу разработчиков, там необходимо перейти по ссылке «Социальные виджеты»:Виджет одноклассники на сайт

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

housezarabotok.ru

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

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


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

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

виджет-в-ок-1

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

виджет-в-ок-2

и далее «Виджет группы».

виджет-в-ок-3

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

виджет-в-ок-4

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

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

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

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

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

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

    Следующая страница

    zatupila.ru

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

    Идем дальше…

    установка виджета одноклассников на блог

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

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

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

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

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

    https://apiok.ru/wiki/pages/viewpage.action?pageId=42476655

    Там вы увидите следующее:

    настройки виджета в одноклассниках

    На этой странице вы можете настроить внешний вид будущего виджета, его размеры, далее расскажу подробнее про каждый пункт:

    1. Визуальная настройка ширины виджета
    2. Визуальная настройка высоты виджета
    3. Можно указать ширины и высоту в пикселях (необходимо для точной настройки, что грамотно его вписать в дизайн вашего сайта)
    4. Вот здесь вам надо вставить ID своей группы, где его взять я напишу ниже.
    5. Окно предпросмотра
    6. Код, который вам надо будет скопировать после всех настроек и вставить к себе на сайт.

    А где же взять ID вашей группы? Для этого вам надо зайти в свою группу в Одноклассниках и нажать на ее настройки:

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

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

    узнаем id группы в одноклассниках

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

    Вы можете себе установить не только один виджет, вы можете установить хоть 5, хоть 10 виджетов, все зависит от вашей фантазии!

    А сегодня на этом все! Всем удачи! Всем отличных заработков в социальной сети Одноклассники! До новых встреч на страницах моего блога! 

    Поделись информацией со своими друзьями:

    alexey-ognev.ru

    Виджет одноклассники на сайт

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

    С помощью такого виджета на сайте можно разместить публикацию из Одноклассников, оформленную по всем правилам соцсети — с кнопками «Комментировать» и «Класс!». При этом публикация может включать различные типы контента: фотографии, музыку, ссылки, голосования, видео, места.

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

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

    Добавить виджет поста на свой сайт очень просто:

    1. Скопируйте ссылку на пост, который планируете разместить на сайте.
    2. Перейдите в специальный раздел API по ссылке https://apiok.ru/ext/content.
    3. Вставьте ссылку в специальное поле «Ссылка на контент».
    4. Задайте ширину, если необходимо.
    5. Скопируйте код и вставьте его в html-код вашего сайта.

    Вот как может выглядеть виджет публикации на вашем сайте:

    insideok.ru

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

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

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

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

    • Виджет одноклассники на сайт

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

    • Виджет одноклассники на сайт

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

    • Виджет одноклассники на сайт

      Виджет одноклассники на сайт

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

    • Виджет одноклассники на сайт

      Важно! На данный момент при помощи данного функционала можно отобразить только то контент, который имеет статус «публичный» (доступный для всех пользователей). Ограниченные или закрытые материалы отображаться не будут!

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

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

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

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

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

    Виджет одноклассники на сайт

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

    Виджет одноклассники на сайт

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

    Виджет одноклассники на сайт

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

    Виджет одноклассники на сайт

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

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

    Виджет одноклассники на сайт

    Виджет одноклассники на сайт

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

    Виджет одноклассники на сайт

    Виджет одноклассники на сайт

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

    Виджет одноклассники на сайт

    Виджет одноклассники на сайт

    Виджет одноклассники на сайт

    Заключение

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

    akiwa.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    seoslim.ru

    Вы можете установить вот такой виджет на главную страницу сайта:

    Вид виджета "Мы в Одноклассниках"
    Рисунок 1. Вид виджета "Мы в Одноклассниках"

    • Создание виджета
    • Установка виджета на сайт

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

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

    1. Перейти на сайт "Одноклассники" по ссылке https://apiok.ru

    2. Далее перейти в раздел "ОК для сайтов->Виджет группы"

    Операции на стороне социальной сети.
    Рисунок 2. Операции на стороне социальной сети.

    3. Откроется окно, где будем генерировать код виджета

    Генерация кода виджета.
    Рисунок 3. Генерация кода виджета.

    Так же данная страница доступна по прямой ссылке https://apiok.ru/ext/group

    На рисунке 3 – цифра 1 – поле, где необходимо вставить ID группы, выставить необходимые размеры (ширина и высота).

    Как получить ID своей группы:

    1. Вы должны быть администратором группы.
    2. Зайдите в свою группу.
    3. Слева под аватаркой группы в меню есть опция "Изменить настройки", необходимо ее выбрать.
    4. Внизу открывшейся страницы найдите надпись "ID этой группы на Одноклассниках".
    5. Скопируйте указанный ID и вставьте его в поле "ID группы".

    На рисунке 3 – цифра 2 – поле, где сгенерирован скрипт, который и требуется разместить на сайте.

    Установка виджета на сайт

    Перейдите на сайт в панель администрирования.

    Пункт меню CMS — Статические блоки, в списке находим статический блок с названием "Виджет Вконтакте "Группа" (ключ VK) и переходим в его редактирование (иконка карандаша).

    В открывшемся окне нажимаем на кнопку "Источник" (рис. 4 — цифра1)

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

    Если своих виджетов нет, и в статическом блоке тестовые виджеты, то удалите весь код, что там есть и вставьте новый код, который скопировали ранее (рис. 4-цифра 2)

    Нажимаем "Сохранить" (рис. 4-цифра 3).

    Генерация кода.
    Рисунок 4. Генерация кода.

    Далее переходим в клиентскую часть на главную страницу и проверяем результат

    Отображение виджета в клиентской части - две колонки.
    Рисунок 5. Отображение виджета в клиентской части — две колонки.

    Отображение виджета в клиентской части - одна колонка.
    Рисунок 6. Отображение виджета в клиентской части — одна колонка.

    Готово. Мы рассмотрели инструкцию о том, как создать и установить виджет "Одноклассники".

    www.advantshop.net


    You May Also Like

    About the Author: admind

    Добавить комментарий

    Ваш e-mail не будет опубликован. Обязательные поля помечены *

    Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

    Adblock
    detector