Отображение нескольких виджетов ФБ и Контакта на странице

Блог им. nimoff
Давно я не писал. Всем привет. Продолжу свою любимую тему виджетов Like.
Итак, задача добавить к каждому посту на главной и в блогах по виджету фейсбука и контакта.



С фб все легко.
Находим файл в вашем шаблоне topic_list.tpl

и смотрим, где находится такие строчки и делаем так же

</li>
					{hook run='topic_show_info' topic=$oTopic}
				
                                                                                        </ul>
<iframe src="http://www.facebook.com/plugins/like.php?href={$oTopic->getUrl()}&layout=standard&show_faces=true&width=500&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:80px;" allowTransparency="true"></iframe></div>

результат можно посмотреть у меня на сайте — одним кликом можно отправить ссылку на любой пост, не заходя в пост — это удобно.

а теперь вопрос: как так же сделать с виджетом «мне нравится» контакта? он на яве и при стандартной вставке будет отображаться только в одном месте и передавать ссылку на общую страницу

есть идеи?

стандартный код виджета контакта
<script type="text/javascript">
  VK.init({apiId: 1926526, 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: "10"});
</script>


естесно, его надо будет засунуть в теги {literal}, но суть не в этом

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

avatar
Я яндекс юзаю
api.yandex.ru/share/
avatar
это я знаю, это не то. это share, а мне нужен просто like
avatar
еще и минус поставили, ну вы пиздец
а потом стучат в личку с вопросами по плагину соц кнопок
avatar
Я этого эффекта достиг когда вставил код кнопок из вашего плагина в список который идет после тега
    :
    <ul class="info">
		<li class="comments-link">
		<...>
		<li>
		{literal}
		<script type="text/javascript"><!--  
		document.write(VK.Share.button(false,{type: "round", text: {/literal}"{$aLang.sbookmarks_vkontant}"{literal}})); 
		--></script>
		{/literal}
		</li>
    Но у меня шаблон social, там есть свободное место.
avatar
да место фигня, подвинется) спасибо, ща попробую
avatar
не прокатывает. так, а этот ваш пример он же не отправляет уникальную ссылку. так?
avatar
Не знаю. У меня если честно совершенно ненамеренно достиг этого эффекта — мне то как раз хочется чтобы кнопки показывались только при просмотре полного материала. Как-то не логично делиться ссылкой на то, чего сам еще не прочитал. Поэтому я сразу же вернул обратно, не проверяя.

Жаль, что не смог вам помочь.
avatar
Этот код куда-нибудь в начало страницы, чтобы один раз сгенерировался
<script type="text/javascript">
  VK.init({apiId: 1926526, onlyWidgets: true});
</script>
+ надо будет JS-файл в заголовке подключить

Этот код в контейнер топика.
<!-- 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", {literal}{{/literal}type: "button", pageUrl: "{$oTopic->getUrl()}"{literal}}{/literal});
</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", {literal}{type: "button"}{/literal}, {$oTopic->getId()});
</script>

должен работать, если документация не врет :)
avatar
значит так

первое вставил в конце файла header_top в тегах {literal}

второе рядом с кодом фб, как указано в топике в файле topic_list


результат тот же — плачевный =( vidnoegorod.ru/
avatar
Я так понял сейчас там второй вариант включен и html-код закомментирован…
А можно посмотреть на то, как генерируется первый вариант, хоть и закомментированый вариант
avatar
наслаждайтесь по той же ссылке)
avatar
ага… тогда первый вариант модифицируйте так и посмотрите результат.
<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like_{$oTopic->getId()}"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like_{$oTopic->getId()}", {literal}{{/literal}type: "button", pageUrl: "{$oTopic->getUrl()}"{literal}}{/literal});
</script>
avatar
уоу
вроде сработало! класс!
спасибо

единственное, что я не понимаю — почему не появляется всплывающее «рассказать друзьям»

на вордпрессе появляется, на лайвстрит нет
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.