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


Виджев Вк


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

#1 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 10 Март 2016 - 14:03

делаю все по инструкции. https://vk.com/dev/Share "кнопка сохранить"
Но как бы я не делал или ошибка JS или ничего

Изображение

Сейчас ошибки нету код оставил на сайте.

также пробовал подключить и эту кнопку. "Мне нравиться"
https://vk.com/dev/Like
Изображение
тут уже сталкивался с ошибкой. но в итоге всеравно без результативно.

#2 nikon

nikon

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

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

Отправлено 10 Март 2016 - 15:40

Может проще вот эти кнопки установить и выбрать какие нужно? люди не все в контакте сидят. есть и одноклассники например и на них тоже есть кнопки. https://tech.yandex.ru/share/

#3 Vaccina

Vaccina

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

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

Отправлено 12 Март 2016 - 08:35

Просмотр сообщенияSmailer (10 Март 2016 - 14:03) писал:

делаю все по инструкции. https://vk.com/dev/Share "кнопка сохранить"
Но как бы я не делал или ошибка JS или ничего

Сейчас ошибки нету код оставил на сайте.

также пробовал подключить и эту кнопку. "Мне нравиться"
https://vk.com/dev/Like
тут уже сталкивался с ошибкой. но в итоге всеравно без результативно.

Уточните пожалуйста, где у вас можно просмотреть вставленные данные кнопки? В обоих случаях установки первые 2 строки кода необходимо вставлять в шаблон HTML перед тегом </head> а остальной код располагать уже в необходимом для вывода месте.
Во втором случае вставки вместо API_ID должен подставлять числовой идентификатор.

#4 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 19 Март 2016 - 21:46

Просмотр сообщенияVaccina (12 Март 2016 - 08:35) писал:

Уточните пожалуйста, где у вас можно просмотреть вставленные данные кнопки? В обоих случаях установки первые 2 строки кода необходимо вставлять в шаблон HTML перед тегом а остальной код располагать уже в необходимом для вывода месте.Во втором случае вставки вместо API_ID должен подставлять числовой идентификатор.
Делаю по инструкцииhttps://vk.com/dev/ShareИзображениеИзображениеНо что не так?и вот разобрался в этом API самую малость чтобы сделать кнопку..

но
Изображение

Почему такой большой разрыв?

#5 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 19 Март 2016 - 22:45

617 строчка

<!-- 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>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/share_32.png\" width=\"32\" height=\"32\" />"}));
--></script>
-->

Код временно убрал

Вы можете смело все испытать )

#6 Vaccina

Vaccina

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

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

Отправлено 22 Март 2016 - 05:34

<!-- 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>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/share_32.png\" width=\"32\" height=\"32\" />"}));
--></script>
-->


замените на:
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
<script type="text/javascript">
document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/share_32.png\" width=\"32\" height=\"32\" />"}));
</script>


По отступу сложно пока сказать, необходимо просмотреть результат, проверить стили, лучше закомментируйте блок кода или скройте через style="display:none;"

#7 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

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

Просмотр сообщенияVaccina (22 Март 2016 - 05:34) писал:

<!-- 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>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/share_32.png\" width=\"32\" height=\"32\" />"}));
--></script>
-->


замените на:
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
<script type="text/javascript">
document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/share_32.png\" width=\"32\" height=\"32\" />"}));
</script>


По отступу сложно пока сказать, необходимо просмотреть результат, проверить стили, лучше закомментируйте блок кода или скройте через style="display:none;"

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

Изображение


Вот что получается, код закоментировал

#8 Vaccina

Vaccina

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

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

Отправлено 25 Март 2016 - 04:31

Подробная инструкция по установке:
http://vk.com/dev/widget_like

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

#9 Smailer

Smailer

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

  • Пользователи
  • PipPipPipPip
  • 661 сообщений
  • ГородВолгоград

Отправлено 25 Март 2016 - 22:52

Просмотр сообщенияVaccina (25 Март 2016 - 04:31) писал:

Подробная инструкция по установке:
http://vk.com/dev/widget_like

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

А Инструкция то там причем? Все исправно работает.
Отступ то просто непонятно откуда такой появляется.
В Инструкции такой даже проблемы нет да и быть не должно так как это уже на сайте "ошибка".

#10 Vaccina

Vaccina

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

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

Отправлено 26 Март 2016 - 04:19

Прошу прощения, неправильно изначально вас поняла. Попробуйте в main.css добавить:
#vk_like {
	display: inline-block !important;
}





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

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