Перейти к содержимому


Виджеты Вконтакте

Автор 551, 05 окт. 2012 15:31

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 20

#1 551

551

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 650 сообщений
  • ГородМосква

Отправлено 05 Октябрь 2012 - 15:31

Добрый день. На сайте стоит виджет для сообществ вконтакте http://vk.com/develo...oid=-1&p=Groups в виде участников (вид виджета выбирается при настройке). Виджет расположен в правой колонке моего сайта. Я хочу в основную колонку сайта вставить такой же виджет, только в виде новостей. В итоге, 2ой виджет появляется на сайте, но поверх остального контента. Плюс к этому, первый виджет с участниками из правой колонки сайта перемещается в основную над 2ым виджетом (см. скриншот). Как сделать, чтобы оба виджета отображались корректно?

Прикрепленные изображения

  • Интернет магазин BabyLook. Детские шапки Chobi. Детская одежда Artigli To Be Too Pelican Noble People. Аксессуары для детей. Детское нижнее белье..png

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Октябрь 2012 - 05:43

В данный момент у вас блок "Мы ВКонтакте" отображается корректно. Что касается блока сообщества, то тут видимо проблема с обтеканием. Пере кодом виджета вставьте 
<div style="clear:both;"></div>

#3 551

551

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 650 сообщений
  • ГородМосква

Отправлено 06 Октябрь 2012 - 12:00

Попробовал, лучше не стало (см. скриншот). Виждеты эти состоят из двух частей - один кусок кода вставляется до тега </head>, другой - в месте, где его нужно вывести. Я так понял, что есть какие-то проблемы с выводом самих виджетов, они выводится как один. Как сделать, чтобы сайт понимал, что это два разных виджета?

Прикрепленные изображения

  • Интернет магазин BabyLook. Детские шапки Chobi. Детская одежда Artigli To Be Too Pelican Noble People. Аксессуары для детей. Детское нижнее белье..png

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Октябрь 2012 - 10:03

Покажите код этих виджетов, а так же сообщите куда именно вы их вставляете.

#5 551

551

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 650 сообщений
  • ГородМосква

Отправлено 08 Октябрь 2012 - 14:27

Виджет "Мы вконтакте" устанавливал давно:

В тегах <head></head>

<script type="text/javascript">
  VK.init({apiId: 3022811, onlyWidgets: true});
</script>

В месте, где должен выводиться (выводится в правой колонке)

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"}, 30526083);
</script>

Генерирую код для второго виджета

<script type="text/javascript" src="//vk.com/js/api/openapi.js?55"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, wide: 1, width: "660", height: "400"}, 30526083);
</script>

Вставляю его (только начиная с <!-- VK Widget -->) в основную колонку сайта.

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 09 Октябрь 2012 - 17:30

Можно попробовать виджеты вставить так 

<div>
<!-- VK Widget -->
<div id="vk_groups1"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups1", {mode: 0, width: "200", height: "290"}, 30526083);
</script>
<div style="clear:both;"></div>
</div>

<div>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?55"></script>

<!-- VK Widget -->
<div id="vk_groups2"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups2", {mode: 2, wide: 1, width: "660", height: "400"}, 30526083);
</script>
<div style="clear:both;"></div>
</div>

#7 551

551

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 650 сообщений
  • ГородМосква

Отправлено 09 Октябрь 2012 - 21:14

Ооооо! Спасибо! Наконец-то заработало)

#8 milos777

milos777

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 08 Май 2013 - 11:57

Подскажите как установить виджет мы в контакте в боковую правую колонку под новостями

#9 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 08 Май 2013 - 12:03

Просмотр сообщенияmilos777 (08 Май 2013 - 11:57) писал:

Подскажите как установить виджет мы в контакте в боковую правую колонку под новостями
Данный вопрос много обсуждался в этой теме http://forum.storela...е/page__st__100
Куда хотите вставить виджет ?
Пожалуйста, не могли бы сказать адрес вашего магазина или номер аккаунта.

#10 milos777

milos777

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений

Отправлено 08 Май 2013 - 12:04

все разобрался

#11 raven_knp

raven_knp

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 04 Ноябрь 2013 - 11:44

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


<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>

<script type="text/javascript">
  VK.init({apiId: 3263884, onlyWidgets: true});
</script>



<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "225", attach: "*"});
</script>

помогите разобраться пожалуйста
ida4ehol.ru

#12 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 04 Ноябрь 2013 - 12:05

Просмотр сообщенияraven_knp (04 Ноябрь 2013 - 11:44) писал:

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


<script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script>

<script type="text/javascript">
  VK.init({apiId: 3263884, onlyWidgets: true});
</script>



<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "225", attach: "*"});
</script>

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

Прикрепленные изображения

  • screen.png

#13 senia

senia

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 158 сообщений

Отправлено 29 Ноябрь 2014 - 21:45

Такая же история. Хочу разместить виджет "Опросы" из ВКонтакте ПОД виджетом "Сообщества". Я сколько не пытаюсь, у меня один поверх другого накладывается.

Между тэгами HEAD у меня стоит вот такой код:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115">
</script>

<script type="text/javascript">
VK.init({apiId: 4645679, onlyWidgets: true});
</script>

А в теле шаблона стоит такой:
<div id="vk_groups">
</div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 64820024);
</script>

<div id="vk_poll">
</div>
<script type="text/javascript">
VK.Widgets.Poll("vk_poll", {width: "300"}, "159368392_1c0651322728a3b101");
</script>

#14 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 30 Ноябрь 2014 - 11:00

Просмотр сообщенияsenia (29 Ноябрь 2014 - 21:45) писал:

Такая же история. Хочу разместить виджет "Опросы" из ВКонтакте ПОД виджетом "Сообщества". Я сколько не пытаюсь, у меня один поверх другого накладывается.

Между тэгами HEAD у меня стоит вот такой код:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?115">
</script>

<script type="text/javascript">
VK.init({apiId: 4645679, onlyWidgets: true});
</script>

А в теле шаблона стоит такой:
<div id="vk_groups">
</div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, width: "220", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 64820024);
</script>

<div id="vk_poll">
</div>
<script type="text/javascript">
VK.Widgets.Poll("vk_poll", {width: "300"}, "159368392_1c0651322728a3b101");
</script>
Здравствуйте, попробуйте добавить в конец файла style.css
div#vk_groups {
position: relative;
top: 105px;
}

#15 senia

senia

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 158 сообщений

Отправлено 30 Ноябрь 2014 - 16:13

Попробовал. Не помогло. :(

#16 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 30 Ноябрь 2014 - 16:37

Просмотр сообщенияsenia (30 Ноябрь 2014 - 16:13) писал:

Попробовал. Не помогло. :(
Не вижу что бы вы выполнили инструкцию.
Не забывайте чистить кеш браузера.

#17 senia

senia

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 158 сообщений

Отправлено 30 Ноябрь 2014 - 16:51

Ну т.к. не помогло, я естественно откатил изменения назад.

Сейчас снова вернул. Жду помощи...

#18 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 30 Ноябрь 2014 - 17:00

Просмотр сообщенияsenia (30 Ноябрь 2014 - 16:51) писал:

Ну т.к. не помогло, я естественно откатил изменения назад.

Сейчас снова вернул. Жду помощи...
найдите в style.css

div#vk_groups {
замените на

}
div#vk_groups {

#19 senia

senia

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 158 сообщений

Отправлено 30 Ноябрь 2014 - 18:00

Ну наконец-то получилось! Спасибо.

#20 Xodkins

Xodkins

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 13 Октябрь 2015 - 20:25

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


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy