EN
Entrance Internal forum Games Search
Внутри сети городских игр Encounter / Техническая разработка и поддержка

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

1 2
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 January at 16:23
Creadome: В итоге должно получится так:

1.png


13 January at 16:25
Фагот: спасибо, очень интересно и полезно!
13 January at 16:35
}i{YI{: во! сам победил, а я забыл (
13 January at 16:40
myxep: спасибо :) завтра запилю :)
13 January at 16:42
ENsky: А можно для особо одаренных куда чего заливать)))
13 January at 16:55
Лея Гилар: а фейсбучек, кто умеет, тоже запилите пжл!
13 January at 16:55
Creadome:
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 на собственный.

13 January at 17:06
Creadome:
Лея Гилар: а фейсбучек, кто умеет, тоже запилите пжл!

Для Фейсбука должно подойти что-то подобное:

<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 + '&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=li ke&amp;colorscheme=light&amp;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 January at 17:15
=Денька=:
Creadome:
Encounter.Smolensk: А можно для особо одаренных куда чего заливать)))

Можно просто в область на главной странице запихать в сжатом виде:


Не прикручивается:((

13 January at 17:39
Creadome: Посмотрите на примере. Или вставьте в страницу и скиньте ссылку - гляну.
13 January at 17:44
ENsky:
Не прикручивается:((
Есть такая беда

13 January at 17:45
=Денька=:
Creadome: Посмотрите на примере. Или вставьте в страницу и скиньте ссылку - гляну.


h102.en.cx


13 January at 17:47
Spaceman: Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
13 January at 18:14
Creadome:
_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>



13 January at 18:19
Creadome:
Spaceman: Простите, но вам всем не кажется что из-за этого страница теперь дольше загружается?
Ну, API Вконтакта весит килобайт 40 - это единственное

13 January at 18:21
=Денька=:
Creadome:
_DM: Не прикручивается:((

У меня ошибка в примере была. Вот так должно заработать:


thnx





13 January at 18:25
Filiрр: Спасибо
13 January at 18:56
_Серёга_:
Creadome: В итоге должно получится так:

1.png

А можно приделать рядом с этой кнопкой?

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 на свой домен :)
Ну чтобы рядышком были....
13 January at 21:19
Creadome: Вот кстати! Опубликовал, потом только зашел в оргштаб и там увидел решение с "магнитки". Велосипедист, блин =)
На самом деле, кнопка "Сохранить" дает больше возможностей: ей можно передать изображение, изменить текст и внешний вид в принципе.
Единственный минус - открывает всплывающее окно.

Завтра выложу пару примеров.

13 January at 21:47
1 2
EN RU Full version
© Encounter