EN в Twitter EN В Контакте EN в Facebook
RSS 2.0
Домен: https://kurgan.en.cx/ (владелец домена: Мелкий-45) Показать аватары
Модераторы форума: Мелкий-45
На страницу: 
1  2

Кнопка "Это интересно"

13.01.2011 18:23:29 / 36 сообщений / автор темы Creadome .

Майор
Мальчик
(
)
Аттестат
[ 14.01.2011 0:10:41 (UTC +5), brn.en.cx ]  
Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.

Завтра выложу пару примеров.
Ок. будем ждать, очень хочется все Vконтактные кнопочки поместить рядышком, желательно под шапкой игры (как у тебя).
Старший лейтенант
Мальчик
(
)
Аттестат
[ 14.01.2011 5:00:04 (UTC +5), cccp.en.cx ]  
Creadome: Ну, API Вконтакта весит килобайт 40 - это единственное
Да собственно дело не в 40 кб, а в том что идет кросс доменный запрос, и эти 40 кб (помноженные на кол-во анонсов) реально долго идут. У меня до статуса "Готово" страница грузилась на 8 секунд дольше. Это не гуд.


Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
А вот этот пример рулит! Можно придать свой дизайн кнопке (тока не надо), а самое главное лишний трафик получит тот кто захочет кликнуть. Плюсую! А разместить можно и не в шапке, а где хочется.


Кстати, очень нравится как это сделано в мосваре: там после нажатия "поделиться", подгружается лишний кусок с разными кнопками, т.е. изначально он не грузится и не ест драгоценный WAP/GPRS/EDGE трафик.

Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 14.01.2011 16:31:30 (UTC +5), ulan.en.cx ]  
В итоге:

<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.01.2011 19:04:28 (UTC +5), cccp.en.cx ]  
А нельзя ли сделать такую хитрую ссылку "Поделись с друзьями", а там типа вот когда на нее кликаешь, тогда и происходит подргузка API (те самые лишние килобайты). Таким образом, лишний код не грузится постоянно на все страницы, а тока тем юзерам, которые хотят этого.
Майор
Мальчик
(
)
Аттестат
[ 17.01.2011 19:38:51 (UTC +5), brn.en.cx ]  
Creadome: В итоге:
Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.
((((( с этим кодом, облако тегов крутится не останавливаясь не зависимо от того где мышка... ((((
Майор
Мальчик
(
 Орден III степени
)
Аттестат
[ 17.01.2011 20:05:57 (UTC +5), ulan.en.cx ]  
Даже не знаю, в чем может быть проблема - функция то примитивная. Только контейнер добавляется.
Старший лейтенант
Мальчик
(
)
Аттестат
[ 20.01.2011 14:53:56 (UTC +5), lunapark.en.cx ]  
А как бы такую к новостям домена прикрутить?
Подполковник
Мальчик
(
)
Орден II степени
Аттестат
[ 31.01.2011 21:32:42 (UTC +5), lpk.en.cx ]  
с этой кнопкой при нажатии "спрятать описание" и снова открывши описание появляется еще кнопка либо информация вовсе не загружется
Подполковник
(
T-9
 Орден III степениОрден III степениОрден II степениОрден II степениОрден II степени
)
Аттестат
[ 02.02.2011 19:21:03 (UTC +5), baranovichi.en.cx ]  

Creadome, а можно подробный мануал для несведущих в программировании.

3. добавляем к себе функцию
к себе - это куда? В описание игры или еще куда?
4. вызываем на главной странице
И это как, если можно)
Старший лейтенант
Девочка
(
)
Золотой Орден I степени
Аттестат
[ 02.02.2011 19:28:09 (UTC +5), 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>


Кнопка добавляется так же на детальную страницу игры.
Менять в коде ничего не надо - текущий домен подставляется автоматически.

*SMILE*Вот же готовый код. Добавьте в код шапки домена и в анонс.

Creadome, спасибо от fo.en.cx!

Подполковник
(
T-9
 Орден III степениОрден III степениОрден II степениОрден II степениОрден II степени
)
Аттестат
[ 03.02.2011 2:59:15 (UTC +5), baranovichi.en.cx ]  
nomoubliespas, спасибо)
Подполковник
(
T-9
 Орден III степениОрден III степениОрден II степениОрден II степениОрден II степени
)
Аттестат
[ 03.02.2011 3:29:57 (UTC +5), baranovichi.en.cx ]  
А к фейсбучку подробнее можно? то, что дали на прошлой странице - не проходит((((
Рядовой
[ 12.02.2011 20:44:31 (UTC +5), mirniy.en.cx ]  
ВОТ С ЭТОЙ СТРАНИЧКИ
Нашел код вставки всех кнопок со всех возможных сетей.
Поможите люди добрые его грамотно прикрутить так же как кнопку "вконтакте" выше :)
Заранее спасибо.
Сержант
Мальчик
(
)
Аттестат
[ 13.03.2011 17:58:19 (UTC +5), 66.en.cx ]  
Кто знает как сделать чтобы description брался из анонса игры и image тоже оттуда, аналогично title: $(this).text(). А то получается что для всех игр описание одинаковое!
Капитан
Мальчик
(
N21
)
Аттестат
[ 16.03.2011 15:29:12 (UTC +5), xtreme.en.cx ]  
А как можно сделать кнопку не "рассказать друзьям" а "мне интересно" (чтобы каждый человек уже после нажатия кнопки выбирал рассказывать друзьям или нет, ато тут что сразу рассказывается и все)
Лейтенант
(
)
[ 17.02.2012 11:32:44 (UTC +5), 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>
На страницу: 
1  2
20.05.2024 1:36:18
(UTC +5)

www.en.cx
EncounterTM Ltd.
2004-2024 ©
Владелец домена:
Мелкий-45
(Александр Овчинников)
ВKонтакте
+79638638228