Все большую и большую популярность приобретают кнопки «Мне нравится» от социальных сетей Facebook и ВКонтакте. Благодаря тому, что активные пользователи сетей жмут на эти кнопочки, увеличивается трафик сайта, приток посетителей.
Поставить кнопку «Мне нравится» от соцсети ВКонтакте.ру очень просто. Заходим на . Разумеется, нужно быть залогиненным на сайте ВКонтакте.ру. Необходимо заполнить очень простую форму. В первой позиции нужно указать название и адрес сайта. Далее выбираем внешний вид кнопки – образец показывается непосредственно под формой – и ее название («Мне нравится» или «Это интересно»).
А теперь по частям копируем код для вставки на сайт. Код разделен на три части. Верхнюю часть кода
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?13"></script>
необходимо установить между тегами <head></head> вашей странички. Эта часть кода для всех одинакова. В случае блога WordPress его нужно установить в файл index.php той темы, которую вы используете.
Оставшиеся две части прекрасно приживаются в том месте, где вы хотите видеть кнопку «Мне нравится». На моем блоге она установлена в виджете под названием «Визитка». Этот вариант кнопки называется «кнопка с миниатюрным счетчиком». Код отличается для каждого сайта и типа кнопки.
<script type="text/javascript">
VK.init({apiId: id_вашего_сайта, onlyWidgets: true});
</script>
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10"});
</script>
Если вы хотите установить более одной кнопки на странице, элемент vk_like должен иметь уникальное обозначение для каждого кода. Например, в одном месте оставляете vk_like, а в другом называете его vk_like1.
Ниже я установила кнопку с текстовым счетчиком. Если вам понравился пост и вы из него что-то для себя почерпнули, не забудьте нажать кнопку «Мне нравится»
(Продолжение следует… В следующем посте пойдет рассказ о том, как установить кнопку «Мне нравится» от Facebook…)
Полезная информация.
А где поставить галочку “Оповещать о новых комментариях по почте”? Многие не комментируют если нет такой возможности. Плагин Subscribe To Comments. Да Вы наверное знаете.
[Ответить]
Ариона Reply:
ноября 1, 2010 at 11:17
Спасибо, не знала об этом плагине. Вернее, знала, что такой плагин существует, но руки не доходили его найти. Теперь добавила.
[Ответить]
а данную кнопку вообще можно вставить на юкоз?
[Ответить]
Ариона Reply:
ноября 16, 2010 at 20:25
Если на юкозе есть возможность вставки кода на JavaScript, то можно.
[Ответить]
тот самый Reply:
ноября 16, 2010 at 20:42
можно, делаю как прописано тут, но место для кнопки также пустует.
что значит “В случае блога WordPress”?
[Ответить]
Ариона Reply:
ноября 17, 2010 at 6:23
Это если у тебя блог WordPress.
На юкозе я ресурсов не заводила, поэтому не знакома с его заморочками… А верхнюю часть кода между тегами
там возможно установить?у меня нет возможности добавить
между тегами ,
как можно установить кнопку в таком случае? кто нибудь сталкивался с такой проблемой?
[Ответить]
хотел написать что нет доступа к head)) как в таком случае?
[Ответить]
да можно поставить.
[Ответить]
Иван Reply:
декабря 15, 2010 at 19:52
тот самый
сначала на http://vkontakte.ru/developers.php?o=-1&p=Like
подключи свой сайт к сервису…он сгенерирует тебе автоматом твой ip
далее можно работать с кодами которые там появятся первую часть
(вот мой код
VK.init({apiId: 2046314, onlyWidgets: true});
у тебя будет только ip другой) вставляешь в “Управление дизайном/редактирование шаблонов/раздел редактор страниц: страницы сайта.
В самом верху будет тег head сразу за ним вставляешь то что я написал выше только с твоим IP. ну а дальше уже в конкретной новости или сообщении,при редактировании нажимаешь на кнопку HTML кода и вставляешь вот этот скрипт там где тебе надо разместить кнопку
VK.Widgets.Like(“vk_like”, {type: “10″});
[Ответить]
Иван Reply:
декабря 15, 2010 at 19:54
к сожалению в моем сообщении не отобразился полностью код скрипта…но на ссылке которую я тебе написал он будет.если правильно укажешь данные своего сайта.
[Ответить]
Можно попробовать верхнюю часть поставить перед основным кодом.
[Ответить]
спасибо! все получилось!
[Ответить]
Очень интересная информация правда она неработает на моём блоге на blogspot что делать можите мне чтонибуть подсказатЬ?
[Ответить]
Здравствуйте!
уже второй день мучаюсь с кнопкой мне нравится от вконтакте.
с установкой все понятно,но не могу сделать так чтоб на главной странице под каждой новостью отображалась своя кнопка,она то отображается но при нажатии на одну,человек автоматом появляется и во всех остальных кнопках…а это не очень …
выставлял уникальный ид но ничего не помогает(
например на одном
VK.Widgets.Like(“vk_like”, {type: “button”});
а во втором варианте
VK.Widgets.Like(“vk_like_2″, {type: “button”});
что я делаю неправильно?
[Ответить]
тот самый Reply:
декабря 15, 2010 at 18:48
будь добр
пока как установил, чтобы в юказе работало…
куда что скопировал…
[Ответить]
умоляю кто-нибудь опишите как можно подробней как именно на UCOZ добавить эту кнопку!!! прошу очень
[Ответить]
Ариона, вижу, что с покзателями сайта у вас все в порядке, но все-таки спрошу – уходит ли PR через эти скрипты? Читал, что odnaknopka.ru, вроде бы, грешила этим.
[Ответить]
ДА, очень здорово)
Я только подумал, что нужно и мне сделать на блог такую кнопку.
И информация прямо в руки пришла);-)
[Ответить]
Как не пытался, а в ЖЖ кнопку поставить не могу. Может кто-то растолкует как это сделать.
[Ответить]
может кто знает как сделать такую кнопку на флеш сайтик, с помощью AS 2.0 ?
[Ответить]
Если вы хотите установить более одной кнопки на странице, элемент vk_like должен иметь уникальное обозначение для каждого кода. Например, в одном месте оставляете vk_like, а в другом называете его vk_like1.
приведите пример где это работает
[Ответить]
Подскажите куда вставлять второю часть кода. первую вставил в Заголовок (header.php), а вторую надо вручную на каждую страницу ставить или можно в шаблоне где-то, что бы она автоматически в каждой записи появлялась? сайт на WordPress
[Ответить]
Здравствуйте! Где взять айпи сайта?
Зарегистрировала на страничке этого виджета вк, а где сам код?
Заранее спасибо!
[Ответить]
спс помогло
[Ответить]
У меня эта кнопка очень странно работает. И счётчик для всех постов одинаковый, в чём проблема разобраться не могу.
[Ответить]
А что даёт эта кнопка ? Ссылку на заспамленный ВКонтакте.ру ?
[Ответить]
“В случае блога WordPress его нужно установить в файл index.php той темы, которую вы используете.”
Может всё-таки в header.php? )
[Ответить]
Не в каждой теме есть такой файл.
[Ответить]
Спасибо!!!! Установила на свой сайт)))))))
[Ответить]
Превосходный пост! Всё чётко расписано.
У меня вопрос. Я сделал, всё, как у Вас написано. У меня блог на блогспоте. Так вот на главной сранице стоит одна кнопка “мне нравится”, а на остальных их стоит две. Много раз проверял не ввёл ли я какую-то часть кода (или весь) 2 раза. Нет, ввёл 1 раз. Всё правильно. Что с этим делать?
[Ответить]
Что-то не совсем понятно…
Если я не залогинен на вконтакте, то выводится вместо кнопки “No page_id or url specified”. Даже по тексту выше на этой странице такая же надпись. Так и должно быть или это глюк ?
Вот с кнопкой share такого нет, только с like.
[Ответить]
У вас внизу поста отображается No page_id or url specified , не подскажите как убрать?
[Ответить]
2Gogast
По-моему, это какой-то косяк вконтакте. Лучше им в саппорт написать.
[Ответить]
Здравствуйте. Очень надеюсь на Вашу помощь, не могу сама разобраться с кнопкой “Мне нравится” ВКонтакте.
Добавила ее по всем правилам, но на главной странице блога кнопки со всех статей сползаются наверх: http://s016.radikal.ru/i336/1109/b8/6fdee7d85814.jpg
Как видите, с Фейсбуком и Твиттером таких проблем не возникает… И на страницах отдельных статей все впорядке.
Подскажите, пожалуйста, в чем может быть проблема…
[Ответить]