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


Виджет "Поделиться" От Яндекса


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

#1 arstrel

arstrel

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

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

Отправлено 13 Июнь 2011 - 08:22

Здравствуйте!
У меня 2 вопроса:
1. Как в подвале сайте убрать "Powered by storeland"? Я кажется это где то читал на форуме, но так снова и не нашел. Не то, чтобы это так уж важно, но у меня уже спортивный интерес)))
2. Тут на форуме писали про виджет "поделиться" от Яндекса. http://api.yandex.ru/share/
Казалось бы ничего сложного, берешь код и вставляешь куда нужно, но есть один момент.
Попробуйте как работает эта штука у меня на сайте (она на странице каждого товара, например, http://500покупок.рф...айм-1?from=ZjI2)
и как например тут http://candy-wrapper.ru/?

Дело в том, что у меня при нажатии кнопки "поделиться вконтакте" (я пробовал только вконтакте, так как зареген только там) в сообщение, которое предлагается разместить на стене не пишется ссылка на сайт и картинка. То есьт теряется вообще смысл этой кнопки.

Подскажите пожалуйста это я что-то не так делаю или это скрипт вконтакте косячит (например не умеет работать с кириллическими доменами?)

#2 arstrel

arstrel

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

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

Отправлено 13 Июнь 2011 - 08:27

Про "Powered by Storeland" нашел, но искал долго)

Остается вопрос про некорректную работу кнопки "поделиться" от яндекса...

#3 Vaccina

Vaccina

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

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

Отправлено 13 Июнь 2011 - 14:38

Хм. так как сам виджет работает - то думаю дело в самих сервисах предоставляющих работу данного виджета. В общем как-то так

#4 arstrel

arstrel

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

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

Отправлено 14 Июнь 2011 - 07:32

По первому вопросу, если кому вдруг понадобится, сообщаю, что чтобы убрать подпись "Powered by storeland" или "работает на основе Storeland" нужно в самом самом конце шаблона HTML  найти и изменить код на вот такой

Цитата

{% ENDFOR %}
      </ul>
    </div>
    <div class="right"><p>{SETTINGS_STORE_REGION}</p></div>
    <div class="clr"></div>
    <div>{SETTINGS_STORE_HTML_CODE}</div>

в оригинале там вплотную к {SETTINGS_STORE_REGION} есть еще одна переменная что-то со словами Copyright, так вот ее и нужно удалить

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

#5 dvito

dvito

    Новичок

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

Отправлено 03 Ноябрь 2011 - 00:43

Здравствуйте!
Подскажите пожалуйста: как убрать фиджет "поделиться" от Яндекса?
Сейчас он расположен над разделом "НОВИНКИ"
Изображение

За ранее, спасибо за помощь!!!

#6 Vaccina

Vaccina

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

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

Отправлено 03 Ноябрь 2011 - 18:25

Как я полагаю у вас данные кнопки находятся в шаблоне "HTML" или "Страница". для того чтобы их убрать вам необходимо найти в шаблоне (редактора тем) "HTML" или "Страница" данный блок и удалить его. По умолчанию в шаблонах нет таких кнопок и поэтому сложно точно сказать как выглядит данный блок и где он находиться в шаблоне.

#7 nozzLess

nozzLess

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

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

Отправлено 06 Ноябрь 2012 - 15:52

У меня под товарами размещены виджеты от вконтакте и фейсбука. Когда жмешь "Рассказать друзьям", то на у меня на стене вконтакте отображается только сылка, а изображение нет. А Если воспользоваться панелью от яндекса, то все работает. Она у меня установлена слева и отображается на всех страницах. Но мне надо чтобы именно две кнопки под товарами работали корректно. Как это сделать?

Вот пример страницы товара: http://listones.ru/goods/variscit

#8 Koderhan

Koderhan

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

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

Отправлено 06 Ноябрь 2012 - 16:29

Попробуйте в файле "Товар" в  Редакторе шаблонов измените свой код виджета на этот:
VK.Widgets.Like("vk_like", {type: "full", pageImage: '{ASSETS_IMAGES_PATH}no-photo-medium.png'});
Код:
pageImage: '{ASSETS_IMAGES_PATH}no-photo-medium.png'}
Добавляет вашу большую картинку в вк.

#9 nozzLess

nozzLess

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

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

Отправлено 06 Ноябрь 2012 - 19:04

Просмотр сообщенияKoderhan (06 Ноябрь 2012 - 16:29) писал:

Попробуйте в файле "Товар" в  Редакторе шаблонов измените свой код виджета на этот:
VK.Widgets.Like("vk_like", {type: "full", pageImage: '{ASSETS_IMAGES_PATH}no-photo-medium.png'});
Код:
pageImage: '{ASSETS_IMAGES_PATH}no-photo-medium.png'}
Добавляет вашу большую картинку в вк.

Попробовал. Не получилось. Также вставляет ссылку без картинки. Что интересно фейсбук ведет себя почти также. Только он вставляет картинку корзины, какой бы товар я не щелкнул.

#10 Koderhan

Koderhan

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

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

Отправлено 07 Ноябрь 2012 - 06:06

Просмотр сообщенияnozzLess (06 Ноябрь 2012 - 19:04) писал:

Попробовал. Не получилось. Также вставляет ссылку без картинки. Что интересно фейсбук ведет себя почти также. Только он вставляет картинку корзины, какой бы товар я не щелкнул.
Извините. Была маленькая ошибка в коде.
VK.Widgets.Like("vk_like", {type: "full", pageImage: "{ASSETS_IMAGES_PATH}no-photo-medium.png"});
И попробуйте еще такой вариант кода.
VK.Widgets.Like("vk_like", {type: "full", pageImage: "http://storeland.ru/web/static/img/zero.gif"});

Если не получится то пришлите весь код вашего виджета.

#11 nozzLess

nozzLess

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

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

Отправлено 07 Ноябрь 2012 - 08:15

Не получилось. Вот код обоих виджетов (контакт и фейсбук)

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

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

<!-- Put this div tag to the place, where the Like block will be -->

<p><div id="vk_like" style="margin-left:10px;"> </div> </p>
<script type="text/javascript">
VK.Widgets.Like("vk_like",  {type: "button", height: 24});
</script>

<div class="fb-like" style="margin-left:10px; margin-top:5px;"> data-href="http://listones.ru/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>
            <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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

#12 Koderhan

Koderhan

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

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

Отправлено 07 Ноябрь 2012 - 10:13

Вот, попробуйте вставить этот код в свой файл "товар".
VK.Widgets.Like("vk_like", {type: "button", height: 24, pageImage: '{GOODS_IMAGE_MEDIUM}'});
Проверял на своем сайте.
У меня работает.
Для facebook.
попробуйте перед виджетом facebook добавить код
<meta property="og:image" content="{GOODS_IMAGE_MEDIUM}"/>


#13 nozzLess

nozzLess

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

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

Отправлено 07 Ноябрь 2012 - 10:37

Спасибо! Для вконтакте сработало, а вот фейсбук по-прежнему никак)

#14 nozzLess

nozzLess

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

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

Отправлено 07 Ноябрь 2012 - 10:53

Вот код:

<meta property="og:image" content="{GOODS_IMAGE_MEDIUM}"/>
<div class="fb-like" style="margin-left:10px; margin-top:5px;"> data-href="http://listones.ru/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div>
<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

#15 Koderhan

Koderhan

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

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

Отправлено 07 Ноябрь 2012 - 13:06

К сожалению на facebook выводить фотографию товара не представляется возможным.
FaceBook виджет берет фотографии с шапки сайта, а шапка сайта это файл HTML.
В файле HTML переменная {GOODS_IMAGE_MEDIUM} не доступна.
Код
<meta property="og:image" content="{GOODS_IMAGE_MEDIUM}"/>
не может располагаться в body - это не релевантно.
А виджет берет фотографию именно из
<meta property="og:image" content="{GOODS_IMAGE_MEDIUM}"/>
.

Вы можете добавить одну фотографию на все товары и на все лайки на вашем сайте.
В файле HTML после кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
Вставить код:
<meta property="og:image" content="ваша полная ссылка на изображение"/>


#16 nozzLess

nozzLess

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

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

Отправлено 07 Ноябрь 2012 - 14:23

Спасибо) Прямо гора с плеч!

А вот еще у меня есть вопрос - он из другой темы, но там мне похоже уже не ответят, судя по ожиданию))

У меня на сайте слева плавающее меню соцсетей от share42, но оно почему-то белое. Почему-то картинка никак не хочет отображаться.

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




1) <div class="share42init" data-top1="150" data-top2="20" data-margin="0"></div>
<script type="text/javascript" src="http://listones.ru/w...2.js"></script>

<script type="text/javascript">
share42('http://listones.ru/w...46345/icons.png');
</script>


<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

2) <div class="share42init" data-top1="150" data-top2="20" data-margin="0"></div>
<script type="text/javascript" src="http://listones.ru/w...2.js"></script>

<script type="text/javascript">
share42('http://listones.ru/w.../icons.png?7406');
</script>


<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>

#17 Koderhan

Koderhan

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

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

Отправлено 07 Ноябрь 2012 - 15:37

Вставка иконок от share42.com.
http://share42.com/ru
1. Выберите интересующие вас иконки сайтов.
2. Выберите нужные опции
Изображение
То что не выделено красным квадратом лучше изменять
3. Изображение
выбрать "любой сайт".
4. Скачайте скрипт себе на компьютер, распакуйте архив.
5. Загрузить на сайт файлы. В панели администратора , Сайт -> Редактор тем , "Добавить файлы", выбрать с компьютера файлы share42.js, icons.png и загрузить.
6. Далее на этой же странице админки открыть файл "HTML" , После кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}share42.js"></script>
После кода:
<body>
Добавить:
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>

7. Открыть файл main.csstemplate и добавить код:
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

Удачи.

#18 Братишка

Братишка

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

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

Отправлено 18 Ноябрь 2012 - 23:06

Просмотр сообщенияKoderhan (07 Ноябрь 2012 - 15:37) писал:

Вставка иконок от share42.com.
http://share42.com/ru
1. Выберите интересующие вас иконки сайтов.
2. Выберите нужные опции
Изображение
То что не выделено красным квадратом лучше изменять
3. Изображение
выбрать "любой сайт".
4. Скачайте скрипт себе на компьютер, распакуйте архив.
5. Загрузить на сайт файлы. В панели администратора , Сайт -> Редактор тем , "Добавить файлы", выбрать с компьютера файлы share42.js, icons.png и загрузить.
6. Далее на этой же странице админки открыть файл "HTML" , После кода:
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
добавить:
<script type="text/javascript" src="{ASSETS_JS_PATH}share42.js"></script>
После кода:
<body>
Добавить:
<div class="share42init" data-path="{ASSETS_IMAGES_PATH}" data-top1="150" data-top2="20" data-margin="0"></div>

7. Открыть файл main.csstemplate и добавить код:
#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

Удачи.

Спасибо! Как к правому краю прикрепить? Где подправить?

#19 Koderhan

Koderhan

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

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

Отправлено 19 Ноябрь 2012 - 07:15

Просмотр сообщенияБратишка (18 Ноябрь 2012 - 23:06) писал:

Спасибо! Как к правому краю прикрепить? Где подправить?
Пожалуйста, сообщите адрес своего магазина или напишите его в профиле форума.

#20 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 19 Ноябрь 2012 - 15:11

Просмотр сообщенияБратишка (18 Ноябрь 2012 - 23:06) писал:

Спасибо! Как к правому краю прикрепить? Где подправить?
Пожалуйста, уточните Вашу проблему: что именно прикрепить к правому краю? Покажите на скриншоте куда именно Вы хотели бы прикрепить.




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

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