Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
логин:
пароль:

Регистрация Забыл пароль
Скрипты для uCoz Шаблоны для uCoz
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

Виджет "Мне нравится" в страницах материала

Главная » Скрипты для uCoz » Виджет "Мне нравится" в страницах материала
Виджет "Мне нравится" в страницах материала для uCoz
На страницах сайта появился виджет "Мне нравится" от "ВКонтакте".
Пример вы можете увидеть выше, в шапке сайта, так же можете проверить на работоспособность, нажав на "Мне нравится"




Кто придумал? - Идея позаимствована у разработчиков социальной сети "Facebook", однако виджет команды Павла Дурова, на мой взгляд, значительно проще в установке и технологичней. Различие состоит в том, что "Facebook" использует технологию iFrame, а "ВКонтакте" - старый добрый java-script, что значительно лучше и удобнее.

Зачем она нужна на сайте? - При помощи виджета "Мне нравится" Вы можете за 5 минут добавить к материалам Вашего сайта соответствующую галочку. Это позволит Вашим посетителям одним нажатием кнопки мыши выразить своё отношение к статье и, что не менее важно, моментально поделиться ссылкой на статью с друзьями. Этот процесс осуществляется без необходимости ввода какой-либо информации со стороны пользователя, поэтому ссылка на такую статью сможет быстро распространиться по социальному графу ВКонтакте.

Установка на ucoz сайт:
1. Подключаем OpenAPI .Это вставляем в head:

Code
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?17"></script>

2. Заходим на эту страницу, на этой странице вводим название сайта и ссылку на сайт.
Выбираем форму кнопки, которая вам больше всего нравится, у меня стоит: "Кнопка с миниатюрным счётчиком" и нажимаем сохранить.
Ниже будет код.Ищем кусок кода похожий на этот:
Code
<script type="text/javascript">
  VK.init({apiId: ВАШ ID, onlyWidgets: true});
</script>

Вместо "ВАШ ID", вставляем цифры, которые будут на странице вконтакте/developers.php?o=-1&p=Like
После того как вы подставили цифры, вставляем этот код так же в head.
И в наиболее удобное для вас место ставим кнопку:
Code
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10"});
</script>

Установка закончена
Дополнение:
Я эту кнопку поставил в глобальный блок, в шапку и так как кнопка будет показываться на всех страницах сайта я поставил условие:
Code
<?if($PAGE_ID$='entry')?>
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
<?endif?>

Где $PAGE_ID$='entry', озночает, что кнопка будет показываться только на страницах материала и комментариев к нему.

Источник: http://rucoz.com/

Просмотров: 3410 | Комментариев: 6 | Опубликовал: DizeL | Дата: 16.11.2010

 28.09.2010   

 

 Замена стандартной ... 

 07.11.2009   

 

 Новая красивая стра... 

 15.09.2009   

 

 Лучший пользователь 

 23.07.2010   

 

 Для полезной информ... 

 14.09.2009   

 

 Новый вид фотоальбо... 


Всего комментариев: 5
 
  0 5 THE_KING 06.06.2011 10:30:27 Самый простой способ установки находится тут: http://vk.com/developers.php?o=-1&p=Like Цитировать | Редактировать | Удалить
 

 
  0 4 misty 03.06.2011 23:56:42 Можете по подробней рассказать вот этот момент
Quote
Вместо "ВАШ ID", вставляем цифры, которые будут на странице вконтакте/developers.php?o=-1&p=Like
Цитировать | Редактировать | Удалить
 

 
+5 3 kshlkv 25.11.2010 17:44:29 http://vkontakte.ru/developers.php?o=-1&p=Like getlost Цитировать | Редактировать | Удалить
 

 
  0 1 GhoST 16.11.2010 20:28:10 Есть более упрощенный способ Цитировать | Редактировать | Удалить
 

 
  0 2 DizeL 16.11.2010 21:05:32 Ты о чем? Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.