|
Moderatorzy forum:
lezvie, Sаrge, kantanta, JIMpanzeR, TeMaH, Арк
|
|
13.01.2011 14:23:29
/
36 messages
/
autor tematu Creadome
.
|
|
|
Сделал простой скрипт для автоматического добавления кнопки "Это интересно" ("Мне нравится") из Вконтакта к анонсам игр на главной странице. 1. https://vkontakte.ru/developers.php?o=-1&p=Like - получаем код виджета. 2. в шапку домена вписываем: <script src="https://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>
<script type="text/javascript">
VK.init({apiId: #ваш_ID#, onlyWidgets: true});
</script>
3. добавляем к себе функцию (YOURDOMANE заменить на название своего домена): function YOURDOMANE_vk_like() { $('span[id*=lblGameNum]').each(function(){ YOURDOMANE_vk_game_num = parseInt($(this).text()); YOURDOMANE_vk_game_txt = $(this).parent().siblings('a#lnkGameTitle').text(); YOURDOMANE_vk_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href'); $(this).closest('table').after('<div id="YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num + '" class="YOURDOMANE_vk_like"></div><div class="clear"></div>'); VK.Widgets.Like('YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num, { type: 'button', verb: 1, pageTitle: YOURDOMANE_vk_game_txt, pageUrl: YOURDOMANE_vk_game_url, pageDescription: 'Encounter - международная сеть активных городских игр' }); }); 4. вызываем на главной странице: <script type="text/javascript">
$(document).ready(function(){ YOURDOMANE_vk_like(); });
</script>
5. стили по вкусу: .YOURDOMANE_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; }
.clear { clear: both; }
Пример - https://ulan.en.cx/Передается название игры, ссылка на детальную страницу и title Энки. Надеюсь - пригодится.
|
|
|
В итоге должно получится так: 
|
|
спасибо, очень интересно и полезно!
|
|
(
)
[
13.01.2011 14:40:34 (UTC +1), en.cx
]
во! сам победил, а я забыл (
|
|
спасибо :) завтра запилю :)
|
|
(
)
[
13.01.2011 14:55:48 (UTC +1), sm.en.cx
]
А можно для особо одаренных куда чего заливать)))
|
|
а фейсбучек, кто умеет, тоже запилите пжл!
|
|
|
Encounter.Smolensk: А можно для особо одаренных куда чего заливать))) Можно просто в область на главной странице запихать в сжатом виде: <script src="https://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script> <script type="text/javascript"> VK.init({apiId: #ваш_ID#, onlyWidgets: true}); function YOURDOMANE_vk_like() { $('span[id*=lblGameNum]').each(function(){ YOURDOMANE_vk_game_num = parseInt($(this).text()); YOURDOMANE_vk_game_txt = $(this).parent().siblings('a#lnkGameTitle').text(); YOURDOMANE_vk_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href'); $(this).closest('table').after('<div id="YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num + '" class="YOURDOMANE_vk_like"></div><div class="clear"></div>'); VK.Widgets.Like('YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num, { type: 'button', verb: 1, pageTitle: YOURDOMANE_vk_game_txt, pageUrl: YOURDOMANE_vk_game_url, pageDescription: 'Encounter - международная сеть активных городских игр' }); }); $(document).ready(function(){ YOURDOMANE_vk_like(); }); </script> <style type="text/css"> .YOURDOMANE_vk_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; } .clear { clear: both; } </style> Не забудьте заменить #ваш_ID# на полученный с Вконтакта и переименовать YOURDOMANE на собственный.
|
|
|
Лея Гилар: а фейсбучек, кто умеет, тоже запилите пжл! Для Фейсбука должно подойти что-то подобное: <script type="text/javascript"> function YOURDOMANE_fb_like() { $('span[id*=lblGameNum]').each(function(){ YOURDOMANE_fb_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href'); $(this).closest('table').after('<div class="YOURDOMANE_fb_like"><iframe src="https://www.facebook.com/plugins/like.php?href=' + YOURDOMANE_fb_game_url + '&layout=button_count&show_faces=false&width=200&action=li ke&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;" allowTransparency="true"></iframe></div><div class="clear"></div>'); }); $(document).ready(function(){ YOURDOMANE_fb_like(); }); </script> <style type="text/css"> .YOURDOMANE_fb_like { float: left; padding: 5px; margin: 10px 0; border: 1px dashed #1a7202; } .clear { clear: both; } </style>
|
|
(
[
13.01.2011 15:39:32 (UTC +1), en.cx
]
Creadome: Encounter.Smolensk: А можно для особо одаренных куда чего заливать))) Можно просто в область на главной странице запихать в сжатом виде:
Не прикручивается:((
|
|
|
Посмотрите на примере. Или вставьте в страницу и скиньте ссылку - гляну.
|
|
|
(
)
[
13.01.2011 15:45:08 (UTC +1), sm.en.cx
]
Не прикручивается:((
Есть такая беда
|
|
|
(
[
13.01.2011 15:47:27 (UTC +1), en.cx
]
Creadome: Посмотрите на примере. Или вставьте в страницу и скиньте ссылку - гляну.
h102.en.cx
|
|
Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
|
|
|
_DM: Не прикручивается:(( У меня ошибка в примере была. Вот так должно заработать: <script src="https://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script> <script type="text/javascript"> VK.init({apiId: #ваш_ID#, onlyWidgets: true}); function YOURDOMANE_vk_like() { $('span[id*=lblGameNum]').each(function(){ YOURDOMANE_vk_game_num = parseInt($(this).text()); YOURDOMANE_vk_game_txt = $(this).parent().siblings('a#lnkGameTitle').text(); YOURDOMANE_vk_game_url = 'https://YOURDOMANE.en.cx' + $(this).parent().siblings('a#lnkGameTitle').attr('href'); $(this).closest('table').after('<div id="YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num + '" class="YOURDOMANE_vk_like"></div><div class="clear"></div>'); VK.Widgets.Like('YOURDOMANE_vk_like_' + YOURDOMANE_vk_game_num, { type: 'button', verb: 1, pageTitle: YOURDOMANE_vk_game_txt, pageUrl: YOURDOMANE_vk_game_url, pageDescription: 'Encounter - международная сеть активных городских игр' }); }); } $(document).ready(function(){ YOURDOMANE_vk_like(); }); </script>
|
|
|
Spaceman: Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается? Ну, API Вконтакта весит килобайт 40 - это единственное
|
|
|
(
[
13.01.2011 16:25:52 (UTC +1), en.cx
]
Creadome: _DM: Не прикручивается:(( У меня ошибка в примере была. Вот так должно заработать:
thnx
|
|
Creadome: В итоге должно получится так: А можно приделать рядом с этой кнопкой?
MAKAPOH: Кнопка "Сохранить Вконтакте" к анонсам :)
<script type="text/javascript" src="https://vkontakte.ru/js/api/share.js?5" charset="windows-1251"></script> <script type="text/javascript">
<!--
$('.yellow_darkgreen19').each(function(){if ($(this).parent().is('.left5p19h.yellow_darkgreen19')) $(this).parent().after('<td class="left5p19h" nowrap="nowrap" style="padding-right: 5px;">' + VK.Share.button({url: 'https://magnitka.en.cx' + $(this).attr('href')},{type: "round_nocount", text: "Сохранить"}) + '</td>');}); --> </script> 
не забудьте заменить magnitka.en.cx на свой домен :) Ну чтобы рядышком были....
|
|
|
Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.
Завтра выложу пару примеров.
|
|
|
|
