Виджет "Поделиться" От Яндекса
#1
Отправлено 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
Отправлено 13 Июнь 2011 - 08:27
Остается вопрос про некорректную работу кнопки "поделиться" от яндекса...
#3
Отправлено 13 Июнь 2011 - 14:38
#4
Отправлено 14 Июнь 2011 - 07:32
Цитата
</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
Отправлено 03 Ноябрь 2011 - 00:43
Подскажите пожалуйста: как убрать фиджет "поделиться" от Яндекса?
Сейчас он расположен над разделом "НОВИНКИ"
За ранее, спасибо за помощь!!!
#6
Отправлено 03 Ноябрь 2011 - 18:25
#7
Отправлено 06 Ноябрь 2012 - 15:52
Вот пример страницы товара: http://listones.ru/goods/variscit
#8
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 07 Ноябрь 2012 - 10:37
#14
Отправлено 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
Отправлено 07 Ноябрь 2012 - 13:06
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
Отправлено 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
Отправлено 07 Ноябрь 2012 - 15:37
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
Отправлено 18 Ноябрь 2012 - 23:06
Koderhan (07 Ноябрь 2012 - 15:37) писал:
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}
Удачи.
Спасибо! Как к правому краю прикрепить? Где подправить?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных