|
Модераторы форума:
sye, _Серёга_, Veselchak_Fabio, Nataffka, Чеширский кЫс, БАРНАУЛ, -kaban-ᴱᴺ, pirog13, -=Fantom=-
|
|
13.01.2011 19:23:29
/
36 сообщений
/
автор темы Creadome
.
|
|
(
)
[
14.01.2011 1:10:41 (UTC +7)
]
Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =) На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе. Единственный минус - открывает всплывающее окно. Завтра выложу пару примеров. Ок. будем ждать, очень хочется все Vконтактные кнопочки поместить рядышком, желательно под шапкой игры (как у тебя).
|
Creadome: Ну, API Вконтакта весит килобайт 40 - это единственное Да собственно дело не в 40 кб, а в том что идет кросс доменный запрос, и эти 40 кб (помноженные на кол-во анонсов) реально долго идут. У меня до статуса "Готово" страница грузилась на 8 секунд дольше. Это не гуд.
Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =) А вот этот пример рулит! Можно придать свой дизайн кнопке (тока не надо), а самое главное лишний трафик получит тот кто захочет кликнуть. Плюсую! А разместить можно и не в шапке, а где хочется.
Кстати, очень нравится как это сделано в мосваре: там после нажатия "поделиться", подгружается лишний кусок с разными кнопками, т.е. изначально он не грузится и не ест драгоценный WAP/GPRS/EDGE трафик.
|
В итоге: <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> Кнопка добавляется так же на детальную страницу игры. Менять в коде ничего не надо - текущий домен подставляется автоматически.
|
А нельзя ли сделать такую хитрую ссылку "Поделись с друзьями", а там типа вот когда на нее кликаешь, тогда и происходит подргузка API (те самые лишние килобайты). Таким образом, лишний код не грузится постоянно на все страницы, а тока тем юзерам, которые хотят этого.
|
(
)
[
17.01.2011 20:38:51 (UTC +7)
]
Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.
((((( с этим кодом, облако тегов крутится не останавливаясь не зависимо от того где мышка... ((((
|
Даже не знаю, в чем может быть проблема - функция то примитивная. Только контейнер добавляется.
|
А как бы такую к новостям домена прикрутить?
|
с этой кнопкой при нажатии "спрятать описание" и снова открывши описание появляется еще кнопка либо информация вовсе не загружется
|
Creadome, а можно подробный мануал для несведущих в программировании.
3. добавляем к себе функцию
к себе - это куда? В описание игры или еще куда? 4. вызываем на главной странице
И это как, если можно)
|
(
)
[
02.02.2011 20:28:09 (UTC +7), fo.en.cx
]
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!
|
А к фейсбучку подробнее можно? то, что дали на прошлой странице - не проходит((((
|
ВОТ С ЭТОЙ СТРАНИЧКИ Нашел код вставки всех кнопок со всех возможных сетей. Поможите люди добрые его грамотно прикрутить так же как кнопку "вконтакте" выше :) Заранее спасибо.
|
(
)
[
13.03.2011 18:58:19 (UTC +7), 66.en.cx
]
Кто знает как сделать чтобы description брался из анонса игры и image тоже оттуда, аналогично title: $(this).text(). А то получается что для всех игр описание одинаковое!
|
А как можно сделать кнопку не "рассказать друзьям" а "мне интересно" (чтобы каждый человек уже после нажатия кнопки выбирал рассказывать друзьям или нет, ато тут что сразу рассказывается и все)
|
(
)
[
17.02.2012 12:32:44 (UTC +7), ny.en.cx
]
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>
|
|
|
|
Куда я попал?!?
