_Серёга_:
Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.
Завтра выложу пару примеров.
Ок. будем ждать, очень хочется все Vконтактные кнопочки поместить рядышком, желательно под шапкой игры (как у тебя).
13 января в 22:10
Spaceman:
Creadome: Ну, API Вконтакта весит килобайт 40 - это единственное
Да собственно дело не в 40 кб, а в том что идет кросс доменный запрос, и эти 40 кб (помноженные на кол-во анонсов) реально долго идут. У меня до статуса "Готово" страница грузилась на 8 секунд дольше. Это не гуд.
Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
А вот этот пример рулит! Можно придать свой дизайн кнопке (тока не надо), а самое главное лишний трафик получит тот кто захочет кликнуть. Плюсую! А разместить можно и не в шапке, а где хочется.
Кстати, очень нравится как это сделано в мосваре: там после нажатия "поделиться", подгружается лишний кусок с разными кнопками, т.е. изначально он не грузится и не ест драгоценный WAP/GPRS/EDGE трафик.
14 января в 03:00
Creadome:
В итоге:
<script type="text/javascript" src="https://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a#lnkGameTitle').each(function(){
$(this).closest('table').after('<div class="game_vk_like">' + VK.Share.button(
{ url: 'https://' + location.hostname + $(this).attr('href'), title: $(this).text(), description: 'Encounter - международная сеть активных городских игр', noparse: true },
{ type: 'button', text: 'Рассказать друзьям' }
) + '</div><div class="clear"></div>');
});
});
</script>
<style type="text/css">
.game_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.game_vk_like a { color: #000 !important; text-decoration: none; }
.game_vk_like a:hover { color: #000 !important; text-decoration: none; }
</style>
Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.
14 января в 14:31
Spaceman:
А нельзя ли сделать такую хитрую ссылку "Поделись с друзьями", а там типа вот когда на нее кликаешь, тогда и происходит подргузка API (те самые лишние килобайты). Таким образом, лишний код не грузится постоянно на все страницы, а тока тем юзерам, которые хотят этого.
14 января в 17:04
_Серёга_:
Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.
((((( с этим кодом, облако тегов крутится не останавливаясь не зависимо от того где мышка... ((((
17 января в 17:38
Creadome:
Даже не знаю, в чем может быть проблема - функция то примитивная. Только контейнер добавляется.
17 января в 18:05
Paull:
А как бы такую к новостям домена прикрутить?
20 января в 12:53
аvocado:
с этой кнопкой при нажатии "спрятать описание" и снова открывши описание появляется еще кнопка либо информация вовсе не загружется
31 января в 19:32
$negovik:
Creadome, а можно подробный мануал для несведущих в программировании.
3. добавляем к себе функцию
к себе - это куда? В описание игры или еще куда?
4. вызываем на главной странице
И это как, если можно)
02 февраля в 17:21
nomoubliespas:
Creadome: В итоге:
<script type="text/javascript" src="https://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a#lnkGameTitle').each(function(){
$(this).closest('table').after('<div class="game_vk_like">' + VK.Share.button(
{ url: 'https://' + location.hostname + $(this).attr('href'), title: $(this).text(), description: 'Encounter - международная сеть активных городских игр', noparse: true },
{ type: 'button', text: 'Рассказать друзьям' }
) + '</div><div class="clear"></div>');
});
});
</script>
<style type="text/css">
.game_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.game_vk_like a { color: #000 !important; text-decoration: none; }
.game_vk_like a:hover { color: #000 !important; text-decoration: none; }
</style>
Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.
Вот же готовый код. Добавьте в код шапки домена и в анонс.
Creadome, спасибо от
fo.en.cx!
02 февраля в 17:28
$negovik:
nomoubliespas, спасибо)
03 февраля в 00:59
$negovik:
А к фейсбучку подробнее можно? то, что дали на прошлой странице - не проходит((((
03 февраля в 01:29
kvartet:
ВОТ С ЭТОЙ СТРАНИЧКИ Нашел код вставки всех кнопок со всех возможных сетей.
Поможите люди добрые его грамотно прикрутить так же как кнопку "вконтакте" выше :)
Заранее спасибо.
12 февраля в 18:44
eburg.en.cx:
Кто знает как сделать чтобы description брался из анонса игры и image тоже оттуда, аналогично title: $(this).text(). А то получается что для всех игр описание одинаковое!
13 марта в 15:58
classic:
А как можно сделать кнопку не "рассказать друзьям" а "мне интересно" (чтобы каждый человек уже после нажатия кнопки выбирал рассказывать друзьям или нет, ато тут что сразу рассказывается и все)
16 марта в 13:29
I||usion:
the fly: Кто знает как сделать чтобы description брался из анонса игры и image тоже оттуда, аналогично title: $(this).text(). А то получается что для всех игр описание одинаковое!
Почти написал свой скрипт, а потом нашёл этот пост и твою ссылку на сервис Яндекс.share. В итоге нашёл рабочую версию у ребят с
https://161.en.cx/. Делюсь, надеюсь они не обидятся.
<script type="text/javascript" src="
https://yandex.st/share/share.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
$('a#lnkGameTitle').each(function(){
$(this).closest('table').after('<div class="yashare-auto-init" data-yashareType="none" data-yashareQuickServices="vkontakte,facebook,odnoklassniki,moimir,twitter,lj" data-yashareTitle="'+$(this).text()+'" data-yashareLink="
https://'+location.hostname + $(this).attr('href')+'"></div>');
});
});
// ]]></script>
