Проблема с like от вконтакте

вопрос

Проблема заключается в следующем. Беру виджет мне нравится от вконтакте, засовываю код в shorstory.tpl и получается вот что:

Все кнопки находятся у первой новости друг за дружкой, всю голову уже сломал.

Код shorstory.tpl

Показать / Скрыть текст

<div class="news">
<div class="base shortstory">
<div class="dpad">
<div class="shottitle">
<h3 class="btl">[full-link]<center style="line-height: 40px;"><font color="#fffff">{title}</font>[/full-link]</center></h3></div>

<div class="postmeta" style="display: block;  color: #333;  margin: 0;  padding: 0.7em 1em;  background: #eee;position: relative;top: -11px;-webkit-box-shadow: inset 0px 3px 5px -3px rgba(0, 0, 0, 0.7);box-shadow: inset 0px 3px 5px -3px rgba(0, 0, 0, 0.7);text-shadow: 0 1px 1px #dfdfdf;">        
    <span class="meta-date">{include file="engine/modules/prettydate.php?thetime={date=U}"} в разделе {link-category}</span>
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?110"></script>

<script type="text/javascript">
  VK.init({apiId: 4272039, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini", height: 20});
</script>
</div>
<div class="maincont-short">
<a href="{full-link}"><img src="[xfvalue_foto]" alt="{title}" title="{title}"></a>
<p style="margin-top: 10px;"><center>{short-story}</center></p>
<div class="clr"></div>
</div>
</div>
</div>
</div>

Ответил: legallaz

Если кнопка присутствует несколько раз, а это на данный момент shortstory.tpl

То нижняя часть скрипта меняется на

<div id="vk_like-{news-id}"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like-{news-id}", {type: "button"});
</script>

Этим мы задаём каждой кнопке свой ид.

К себе я ещё добавлял так:

<table class="news" border="0" cellspacing="0" cellpadding="0" style="padding: 10px 20px;">
<tr> 
<!--Кнопка мне нравиться-->  
Код кнопки
<!--Кнопка мне нравиться--> 
</tr>
</table>

Пример с моей кнопкой:

<table class="news" border="0" cellspacing="0" cellpadding="0" style="padding: 10px 20px;">
<tr> 
<!--Кнопка мне нравиться-->  
<script type="text/javascript" src="//vk.com/js/api/openapi.js?109"></script>

<script type="text/javascript">
  VK.init({apiId: 4253251, onlyWidgets: true});
</script>

<div id="vk_like-{news-id}"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like-{news-id}", {type: "button"});
</script>
<!--Кнопка мне нравиться--> 
</tr>
</table>

8 комментариев

Гости

legallaz - 2015-06-0528 марта 2014 13:55 - #25807

Хочу добавить, в общем надо менять в нижней части кода:

Это: (там их два)

vk_like

На это:

vk_like-{news-id}

Остальное это настройки твоей кнопки!
Остальное можешь даже не трогать). Всё просто на самом деле).

Жаль ответ нельзя отредактировать(

Юзер

narkom6n - 2015-06-0528 марта 2014 14:36 - #25810

Почему когда я ставлю лайк к одной новости, то к другим он тоже проставляется?

Гости

legallaz - 2015-06-0528 марта 2014 14:42 - #25811

Это уже другой вопрос. Пока не могу сказать...

Юзер

narkom6n - 2015-06-0528 марта 2014 14:56 - #25814

Может кто нибудь сталкивался с данной проблемой, помоги пожалуйста.

Гости

legallaz - 2015-06-0528 марта 2014 16:37 - #25828

Она не подписывается к самой новости, а просто дублируется с помощью оригинального ида.
Когда ты нажимаешь на мне нравиться от копирует всю страницу и по этому он так делает на каждом счётчике.
А как сделать правильно, я не знаю(. Но подумаю).

Юзер

narkom6n - 2015-06-0528 марта 2014 17:37 - #25835

Вот так вот работает, но кнопка появляется только у одной новости.

<div id="vk_like"></div>
<script type="text/javascript">
window.onload = function () {
VK.init({apiId: 111, onlyWidgets: true});
VK.Widgets.Like('vk_like', {width: 500, pageTitle: '{news-id}', pageDescription: '{short-story}'}, {news-id});
}
</script>

Гости

legallaz - 2015-06-0528 марта 2014 17:43 - #25836

<div id="{news-id}"></div>
<script type="text/javascript">
VK.Widgets.Like("{news-id}", {type: "full", height: 24, pageDescription: '{short-story}'}, {news-id});
</script>

Юзер

narkom6n - 2015-06-0528 марта 2014 18:15 - #25841

Чу-чуть подправил и получилось! Все good! Кому нужно, держите:

<div id="{news-id}"></div>
<script type="text/javascript">
VK.Widgets.Like("{news-id}", {type: "mini", height: 20, pageTitle: '{title}', pageUrl: '{full-link}', pageDescription: '{short-story}'});
</script>