Jump to content

Интеграция с Facebook и Вконтакте


Recommended Posts

Приветствую. Пытаюсь подключить к магазину Facebook Like кнопочку и "Сохранить" Вконтакте. Столкнулся с некоторыми проблемами.

Фейсбук вобще не подключается - при вставке кода, например, под картинки товара - белая страница (код вставлять я умею) )) Но да ладно, может я накосячил.

Вконтакте тоже самое - белая страница (если кнопка передаётся с параметрами), если без параметров - кнопка работает. Не знаю почему. Может где-то конфликт с текущими скриптами магазина?

Ну и еще важный вопрос собственно - обе кнопки используют всякие тайтлы и дескрипшены текущей страницы, а также КАРТИНКУ. Так вот, картинку естественно используют они какую-то левую, а не главную картинку товара. В настройках кнопкок можно указать какую картику использовать - естественно прямой ссылкой в мета теге:

<link rel="image_src" href="http://mysite.com/mypic.jpg" /> в таком духе )

возможно ли в коде выше как-то скриптом прописать что бы генериловалась ссылка из текущей главной картинки товара?!

Link to post
Share on other sites

Спасибо! Правда почему-то ссылка на картинку не работает. Как для ФБ так и для ВК. Если прописывать прямую - работает. Если переменную - не хавает. :) В чем может быть проблема? Пробовал как в мета теге (фейсбук) так и внутри скрипта (вконтакте).

Link to post
Share on other sites

Поправочка. Работает, но только при условии что нет "похожих товаров" в конце страницы. Иначе - оно берет (генерирует ссылку) large картинку самого последнего дополнительного товара. Например http://shop.dancegalaxy.ua/products/Native_Instruments_Traktor_Kontrol_X1 за главную картинку берет самую последнюю внизу. :)

Link to post
Share on other sites

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?8" 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: "button_nocount", text: "Сохранить"}));
--></script>

=================================================================================

ну и куда здесь прописать, Ваше:
files/products/{$product->large_image}

Link to post
Share on other sites
  • 3 weeks later...

Сначала делаем вот так:
1. В тег <head> страницы Вашего сайта необходимо добавить следующий код:

<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?9" charset="windows-1251"></script>

Затем так:
<script type="text/javascript">
<!--
document.write(VK.Share.button({
url: 'http://maysaite.ru/products/SONY_VAIO_VPCM12M1EW',
title: 'SONY VAIO VPC-M12M1E/W',
description: 'SONY VAIO VPC-M12M1E/W 10,1"LED/Atom N470(1,83)/1024/250/Intel GMA 3150/WI-FI/BT/WC',
image: 'http://maysaite.ru/files/products/1243_small.jpg',
noparse: true
}));
-->
</script>

И ВСЕ ОТЛИЧНО РАБОТАЕТ

Link to post
Share on other sites

да, но описания не подходят для динамического содержимого.
все товары будут определяться так, как прописано в ваших:
SONY VAIO VPC-M12M1E/W.

работает, то работает!
но все товары будут иметь title: SONY VAIO VPC-M12M1E/W

это не решение.

Link to post
Share on other sites
  • 2 weeks later...

работает. динамично. вот так:

<script type="text/javascript"><!--
{literal}document.write(VK.Share.button({url: "{/literal}http://teleskop.me/products/{$product->url}{literal}", image: "{/literal}http://teleskop.me/files/products/{$product->large_image}{literal}"},{type: "button_nocount", text: "Сохранить"}));{/literal}
--></script>

Link to post
Share on other sites

Люди у меня simpla стоит, подскажите конкретно, что в какие шаблоны, куда и какой код нужно вставлять, кнопочку с желаниями от контакта. Что-то у меня все время ошибки выскакивают. Подскажите плиз.

Link to post
Share on other sites

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

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

1. В тег <head> (это в index.tpl) страницы Вашего сайта необходимо добавить следующий код:

<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?9" charset="windows-1251"></script>



2. На страницу с товаром вставить (это product.tpl)

<script type="text/javascript"><!--
{literal}document.write(VK.Share.button({url: "{/literal}http://teleskop.me/products/{$product->url}{literal}", image: "{/literal}http://teleskop.me/files/products/{$product->large_image}{literal}"},{type: "button_nocount", text: "Сохранить"}));{/literal}
--></script>

Есть еще мнение, что параметр url можно не передавать, по умолчанию передается адрес текущей страницы, я не пробовал. Остальные параметры (типа title, description, image) также можно передавать, а можно не передавать, это дело каждого, по умолчанию скрипт найдет, что передать).

Пример, как передать титл: вставить в скрипт конструкцию

title: "{/literal}{$product->category|escape} {$product->brand|escape} {$product->model|escape}{literal}",

точно так же можно определить и description.
P.S. Стоит - это хорошо)

Link to post
Share on other sites

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

Link to post
Share on other sites

К статье не привязывается картинка, поэтому использовать параметр image не вижу смысла, а скрипт, скорее всего, будет брать последнюю перед кнопкой. Используй кнопку без параметров - титл, урл и дескрипшн скрипт возьмет из мета данных. Если хочешь передавать весь текст (зачем?) - передавай body

Кнопка без параметров:
<script type="text/javascript"><!--
{literal}document.write(VK.Share.button(false,{type: "button_nocount", text: "Сохранить"}));{/literal}
--></script>

С передачей всего текста:
<script type="text/javascript"><!--
{literal}document.write(VK.Share.button({description: "{/literal}{$article->body}{literal}"},{type: "button_nocount", text: "Сохранить"}));{/literal}
--></script>


Сразу предупреждаю, я не тестировал.

По поводу Желаний: пока запнулся на передаче секрета, как будут результаты, отпишусь.

Link to post
Share on other sites

Ок, желания буду ждать!

Вот без параметров кнопка работает, с параметрами нет. Но в первой кнопке не появляется весь текст статьи. А просто название.

Link to post
Share on other sites
  • 2 weeks later...
  • 1 month later...

а какой практический смысл добавления страницы с товаром в заметки вконтакта???


и у кого есть успехи с прикруткой функции "МНЕ НРАВИТСЯ" в симплу к товару?

Link to post
Share on other sites
  • 3 weeks later...

{literal}<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?10" 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({url: "http://АДРЕС ВАШЕГО САЙТА/"},{type: "button", text: "Рассказать друзьям!"}));
--></script>{/literal}

Вставляйте где угодно на странице.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...