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


Интеграция С Соцсетями

Автор Janna_Brauer, 24 февр. 2016 09:11

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

#1 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 09:11

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

#2 RedHead

RedHead

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

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

Отправлено 24 Февраль 2016 - 09:37

Просмотр сообщенияJanna_Brauer (24 Февраль 2016 - 09:11) писал:

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

Здравствуйте. Да, это возможно. Вам необходимо получить код для данного виджета на сайте https://vk.com/dev и снова обратиться к нам, чтобы мы помогли разместить его.

#3 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 09:55

Виджет для "Мне нравится"
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>
<script type="text/javascript">
VK.init({apiId: 5314892, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>

Виджет для сохранения материала
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?93" charset="windows-1251"></script>
<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>



А касательно твиттера / инстаграма?

#4 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 10:25

Фейсбук (нравится - поделиться)
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

#5 RedHead

RedHead

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

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

Отправлено 24 Февраль 2016 - 10:46

Просмотр сообщенияJanna_Brauer (24 Февраль 2016 - 10:25) писал:

Фейсбук (нравится - поделиться)

В шаблоне main.css замените строку:
.product-view .product-shop .add-to-box {float: left;width: 100%;}
на:
.product-view .product-shop .add-to-box {float: left;width: 100%;margin-bottom:10px;}

В шаблоне ТОВАР, перед строками:
</div>
<div class="clear"></div>
</form>
<!-- /END Форма карточки товара -->
<!-- Основные вкладки описаний товара -->
вставьте:
<div class="facebook-vidjet">
	 <div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
</div>

Проверьте, пожалуйста, правильность создания виджетов ВК, они устанавливаются с ошибкой. Попробуйте сгенерировать код еще раз.

#6 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 10:57

Кнопка фейсбук не появилась
сайт www.hanaltai.ru

вконтакте сейчас проверю

#7 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 11:02

сохранить
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?93" charset="windows-1251"></script>

<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>
мне нравится
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>
<script type="text/javascript">
  VK.init({apiId: 5314892, onlyWidgets: true});
</script><!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini"});
</script>

#8 RedHead

RedHead

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

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

Отправлено 24 Февраль 2016 - 11:37

Просмотр сообщенияJanna_Brauer (24 Февраль 2016 - 11:02) писал:

сохранить
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?93" charset="windows-1251"></script>

<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>
мне нравится
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>
<script type="text/javascript">
VK.init({apiId: 5314892, onlyWidgets: true});
</script><!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini"});
</script>

Скорее всего, Вы делаете ошибку, когда генерируете код для вк. Чтобы получить рабочий код, необходимо авторизоваться на сайте вк (те зайти под своим логином и паролем), и заполнить всю приложенную форму. Нажмите кнопку "сохранить" и код автоматически изменится под Ваш сайт.

1.jpg

Виджеты для фейсбука  вставляйте в шаблоне ТОВАР, перед строками:
</div>
	<div class="clear"></div>
  </form>
  <!-- /END Форма карточки товара -->
  <!-- Основные вкладки описаний товара -->

Если Вы все сделаете правильно, виджеты отобразятся примерно так:

2.jpg

#9 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 12:06 

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?93" charset="windows-1251"></script>

<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>







<!-- Put this script tag to the <head> of your page --><script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>

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

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>

И зайдено под логином и паролем, и кнопка сохранить нажата, сайт зарегистрирован.

#10 RedHead

RedHead

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

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

Отправлено 24 Февраль 2016 - 12:29

Просмотр сообщенияJanna_Brauer (24 Февраль 2016 - 12:06) писал:

[CODE]
И зайдено под логином и паролем, и кнопка сохранить нажата, сайт зарегистрирован.

Внесли Вам изменения, добавили виджет "Мне нравится", но Виджет "сохранить" не работает. Проверьте, пожалуйста.

#11 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 12:46

Благодарю!

А если этот код попробовать?
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vk.com/js/api/share.js?93" charset="windows-1251"></script>
<!-- Put this script tag to the place, where the Share button will be -->
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>

#12 RedHead

RedHead

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

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

Отправлено 24 Февраль 2016 - 12:58

Просмотр сообщенияJanna_Brauer (24 Февраль 2016 - 12:46) писал:

Благодарю!
А если этот код попробовать?

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

#13 Janna_Brauer

Janna_Brauer

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

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

Отправлено 24 Февраль 2016 - 13:42

https://vk.com/dev/Share

#14 RedHead

RedHead

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

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

Отправлено 24 Февраль 2016 - 14:49

Просмотр сообщенияJanna_Brauer (24 Февраль 2016 - 13:42) писал:

https://vk.com/dev/Share

Данный скрипт, к сожалению, не получается установить на сайт. Эта кнопка должна работать как кнопка "Поделиться"? Воспользуйтесь, пожалуйста, сервисом: https://tech.yandex.ru/share/
Заполните соответствующие поля и скопируйте полученный код в шаблон ТОВАР после скрипта "Мне нравится".

1.jpg

#15 Janna_Brauer

Janna_Brauer

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

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

Отправлено 25 Февраль 2016 - 08:53

После установки скрипта блока, уехало описание под него, ранее было под товаром напрямую.
http://savepic.ru/8770090.png

#16 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Февраль 2016 - 09:59

Просмотр сообщенияJanna_Brauer (25 Февраль 2016 - 08:53) писал:

После установки скрипта блока, уехало описание под него, ранее было под товаром напрямую.
http://savepic.ru/8770090.png

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. → Каталог товаров
  6. Privacy Policy