Кнопка от В Контакте “Мне нравится” появилась уже на многих сайтах, блогах. Читатели блога WPnew.ru также спрашивали у меня, как поставить ту самую заветную кнопку. Сегодня я решил Вам показать, как это делается.
Чтобы поставить “Мне нравится” от В Контакте, нужно конечно зарегистрироваться в данной социальной сети (хотя, наверное, тех, кого нет Вконтакте, осталось единицы). Из-за того, что в данной социальной сети очень много людей, кнопка от В Контакте может принести огромную пользу – привлечь дополнительных посетителей.
Как установить кнопку от В Контакте “Мне нравится”
- Первым делом заходите по адресу http://vk.com/dev/Like (если Вы не авторизованы, то сделайте это).
- Дальше заполняете следующее:
Сайт/приложение: Подключить новый сайт.
Название сайта: Вводите название своего сайта/блога.
Адрес сайта: Введите адрес своего сайта/блога.
Основной домен сайта: Введется автоматически на основе адреса сайта.
Нажимаете “Сохранить”.
- Далее выбираете тип кнопки, как будет выглядеть кнопка Вы сразу же увидите на той же странице, только чуть ниже:
Лично я предпочел выбрать пункт “Кнопка с текстовым счётчиком”. А название кнопки оставил “Мне нравится”, можно также поставить “Это интересно”. - Дальше нам нужно вставить код в блог. Как я считаю, кнопка “Мне нравится” от Вконтакте должна стоять в конце статьи, чтобы читатель прочитал статью и, если ему понравилось, нажал на кнопку.
Чтобы кнопка была в конце статьи нам для начала нужно:
1) Скопировать часть кода, который дает нам Вконтакте от начала до<!-- Put this div tag to the place, where the Like block will be –>
:
2) Открыть файл header.php и перед закрывающимся тегом </head> вставить код этот код:
3) Потом, копируем весь код, который остался:
4) Открываем файл single.php и после окончания статьи вставляем скопированный код. Если Вы вставляли социальные кнопки, то перед кодом этих кнопок:
Вот и все. Все работает. Если Вам понравился урок, нажмите на кнопку “Мне нравится” от В Контакте в конце этого урока :).
До встречи на следующих уроках!
О прикольно обязательно себе поставлю
У меня пока нет такой кнопки в будущем ищу замену социальным кнопкам.
у меня что то не ставится (((((
В ЧЕМ проблема? какая ошибка?
А в чем разница этой кнопки от других кнопок, например, социальных кнопок. ?
А можно ли поставить эту кнопку в сайтбар, что бы нравилась не определенная статья, а весь сайт?
Можно конечно, но так что бы нравился весь сайт…
Нужно еще “правильно” ее вписать в дизайн блога, что бы не выделялась сильно)))
Кнопка конечно классная, сейчас наверно на каждом втором блоге стоит
Но я за все время больше 4 “мне нравится” никогда не видел..
Может людям нечего не нравится, или же вконтакте не сидят…
Не ставится кнопка по твоей, Петр, инструкции.
Если весь код целиком ставить в single.php, то получается
Перед
Но, так как стоят всякие плагины, смотрится некрасиво…
Хотел непосредственно после кнопки Фейсбука поставить, но, как ни гонял этот код,, так ничего и не получилось:)
почему то кусок моего коммента был вырезан…
Я говорил, что перед
Вот прикол!
Коды вырезает…
Теперь коды не должно вырезать, спасибо за найденную ошибку в блоге. После фейсбука толком поставить у меня тоже не получилось, лучше попробовать до него…
Подскажите, а кнопка должна сразу появиться на сайте? у меня что то не хочет =( Тупо нет её, хотя код в исходнике страницы есть
Что-то не так. Не получается.
вот-вот! у меня тоже, кнопка не поялвяется ни в постах ни в сайд-баре =(
Действительно статья не работает если не зарегить свой сайт тут сначала
http://vkontakte.ru/developers.php?o=-1&p=Like
Может по версиям WordPressа не совпадение? Как у меня с каким то плагином было.
там теперь надо добавлять сайт как приложение.. то есть сначала регаем приложение (чтобы получить APP_ID) а потом уже идем на http://vkontakte.ru/developers.php?o=-1&p=Like где получаем нормальный код скрипта
у меня и без этих добавлений, как-то все работает… странно.
может покажется смешно но у меня вообще файла single.php в теме нет. поставил плагин аналогичной кнопки фейсбука, в файлах не нашел его, а кнопка есть, работает. как быть? как найти то место где фейсбук кнопка стоит и туда впендюрить вконтакте ?
Попробуйте посмотреть исходный код через FireBug. https://reclampa.ru/udobnaya-rabota/firebug-for-firefox.html
Если у Вас нет single.php, на одном блоге у меня ее тоже нет, возможно у вас все находится на index.php.
В index.php искал – нет ничего подобного. Плагин испробую. А для Chrome аналогичный есть?
Для Гугл Хрома, к сожалению, не знаю…
все работает! только осталось разобраться, как мне впихнуть эту кнопку перед плагином Sociable RE закладок. Не могу понять, как этот плагин выводится в single.php
Я конечно могу этот код всегда вставлять в конце каждой статьи, но это не правильно. Выручайте кто знает! спасибо.
получилось, но кнопка расположена вплотную к социальным кнопкам, как между ними поставить пробел?
вот тебе и пробел
Тебе нужно найти class который отвечает за этот плагин. И в нем изменить параметры.
извини , можно подробнее?
Я пользуюсь закладками через плагин sociable-re. И соответственно, если мне нужно его сдвинуть или тому подобное, я ищу файл sociable.css в папке самого плагина, где он установлен и там меняю параметры класса, который отвечает за расположение. Тебе нужно найти файл твоего плагина с _______.css и в нем изменить параметры.
большое спасибо, теперь понятно
В чем разница кнопок vkontakte “мне нравится” и “поделиться”???
мне нравится – это ты ставишь + (лайкаешь)
поделиться – размещаешь ссылку и немного текста, понравившейся статьи у себя в аккаунте
Чувак, спасибо! Твои скриншоты несколько помогли
Добрый день, поставил данную кнопку, и она появилась у меня на всех страницах блога, хотелось бы что бы она была только на одной странице, как это сделать?
Ставьте кнопку в конце нужной статьи, а не в исходниках блога.
ПОМОГИТЕ !!!!! САЙТ HTMLНЫЙ … КАК СТАВИТЬ ЭТИ КОДЫ НА МОЙ САЙТ .. HELP !!!!!!!!
прямо копируй их в html код сайта
РАССКАЖИ ПО ПОДРОБНЕЙ ЧТО КУДА КОПИРОВАТЬ .. НЕ РАБОТАЕТ НЕ ЧЕГО .. УЖЕ ЛЫСЫЙ СТАЛ !!!!!
код который вконтакте выдает надо вставить в index.html сайта
у меня вот такой код :
<!– Put this script tag to the of your page –>
VK.init({apiId: API_ID, onlyWidgets: true});
VK.Widgets.Like(“vk_like”, {type: “10”});
а главная страница называется не index.html а main.html .. посмотри пожалуйста исходный код сайта а скажи что куда вставить .. хочу эту кнопку поставить на главной странице ( внизу )
и что такое где взять API_ID ??
Первым делом заходите по адресу http://vkontakte.ru/developers.php?o=-1&p=Like (если Вы не авторизованы, то сделайте это).
Дальше заполняете следующее:
Сайт/приложение: Подключить новый сайт.
Название сайта: Вводите название своего сайта/блога.
Адрес сайта: Введите адрес своего сайта/блога.
Основной домен сайта: Введется автоматически на основе адреса сайта.
Нажимаете “Сохранить”.
————————————————————–
После этого появится API_ID. Без него ничего сделать не получится. А вообще у меня в блоге написано как решить эту проблему.
скажите пожалуйста какой плагин у вас стоит для древовидных комментариев и цитирования?заранее спасибо!
Вот: https://reclampa.ru/sozdanie-bloga/razdel-4-plaginy/drevovidnye-kommentarii-wordpress.html
спасибо:)установил,все работает.
всем привет, все работает только на хосте, в локале нет.
вот еще интересный девайс они запустили
http://vkontakte.ru/developers.php?o=-1&p=Share
Дается ли повышение ТИЦ и PR каждый раз когда кто ли бо нажимает кномку “Мне нравится”?
К сожалению, нет.
Хоть убей не появляется окошечко с нажавшими “мне нравится” и с галочкой “рассказать друзьям”, а без этого элемента смысл в кнопке теряется. Так я и не понял, с чем связана данная проблема, вроде установка совсем не сложная. Думаю, что тема каким-то образом “режет” это окошко.
Хех, еще проблема: на РФ домен контакт не выдает апи айди. Вот засада
В моём блоге есть информация о том, как сделать ID для домена РФ.
у меня выходит ошибка
Fatal error: Smarty error: [in header.tpl line 37]: syntax error: unrecognized tag: apiId: 2423121, onlyWidgets: true (Smarty_Compiler.class.php, line 446) in /pub/home/iliin/mhokfhym/tm/classes/lib/external/Smarty-2.6.19/libs/Smarty.class.php on line 1092
Большое спасибо за информацию, кнопка появилась… Но вот в чём возникла проблема – рядом с кнопкой пишется текст: “Понравилось N-ому количеству человек”, у меня этот текст в связи с темным фоном не видно… Пробовал это место отредактировать через FireFox (Firebugом) – но в коде не нашёл ни одной строки, отвечающей за цвет текста. Возможно ли это как-то поправить иным способом? Благодарю за ответ…
Не могу поставить в блоггер.
Вроде бы все ставил как тут прописано:
gamecoder.ru/2011/01/blogger.html
Но не кнопки нет ни под постами, ни на главной.
Пётр! Вставляю кнопку контакта чётко по инструкции. Она появляется. Очень красивая. НО… в СЕМИ экземплярах. Одна под одной! Что я делаю не так? Спасибо1
Попробуйте код кнопки заключить в div и придать нужные вам width и height, думая размножение на этом кончится)
А я скачал плагин VKontakte Share Button и не парюсь. очень удобно
Автору респект! Доходчиво и понятно. Установил быстро. Молодец что скрины сделал.
Что то с авторизацией ничего не понятно Может подскажете.
А как сделать так, чтобы “Понравилось? Поделитесь с друзьями!” Стояло рядом с кнопками, а не сверху их? Заранее спасибо.
Вставляю, а у меня почему-то в noindex все статьи попадают.
Спасибо за статью, очень доходчиво все расписано. На других сайтах, поверхностно. Но, у меня все-равно кнопка не появляется. Вот, поставила перед кнопками:
VK.Widgets.Like(“vk_like”, {type: “button”});
<?php _e('You can follow any…….. Подскажите, пжл, что не так?
Наконец-то, получилось. Спасибо!
Спасибо за ваши уроки!
Я косметолог и для меня это темный лес.
У меня интернет-магазин натуральной косметики и так получилось,что пришлось осваивать самой эту сложную для меня науку.
Да,забыла о главном! Кнопку вставила)
У меня не ставится совсем..
может быть это из-за шаблона? стандартный шаблон ворд пресса..
Уже которая “примочка” не ставится(
Похожая проблема была,не ставилась контактовская кнопка… код я вставлял и в header и в index не работало.Оказалось все проще у меня стоит плагин Share Buttons и в нем есть графа “обязательное поле”вот в него подставил api_id из кода и все заработало!!!
В мою тему кнопка тоже не ставилась.
Попробовал вставить первую часть кода в index.php, а не в header.php. В single.php вставил код целиком, а не вторую часть. Все работает! 🙂
Подскажите пожалуйста такую вещь сайт имеет два домена в зоне ru и рф, кнопка зарегистрирована для домена ru, если зайти на сайт с домена рф то кнопка не отображается ошибка: Open Api security breach, подскажите как обойти эту проблему.
К сожалению, не знаю..
Петр, благодарю вас за доступный урок! Сначала я самостоятельно пыталась поставить кнопку на блог и не чего не получилось, а после прочтения вашего урока,уже без проблем и быстро зделала .Еще раз огромное спасибо.Удачи вам!!
Задумал поставить кнопку “В контакте” и как раз вовремя натолкнулся на этот урок.Очень кстати,спасибо за подробные инструкции,установил,кнопка работает.
А можно сделать так, чтобы на главной странице ниже каждой записи поставить этот виджет (мне нравиться) просто мало кто углубляется внутрь записи) Как это сделать отпишитесь пожалуйста))Заранее спасибо!)
Подскажите, пожалуйста, кто-нибудь-не генерируется API Id. Адрес сайта и все подобное заполняю, а API ID не дается?
Не знаю, у меня до сих пор все нормально. Все как в уроке…
Почему вконтакте кнопка “нравится” работает для всего сайта, а facebook “like” различает между одной и другой страницей при нажатии like. Таким образом если на одной странице сайта я нажимаю “нравится” то на всех страницах сайта появляюсь, буд-то мне всё нравится. Нельзя ли добавить какой-нибудь параметр, чтобы сказать сайту ВКонтакте, чтобы он различал одну и другую стр. ?
вот пример:
страница 1:
http://gnostika.ru/post/2012/01/16/%D0%93%D0%BB%D0%B0%D0%B2%D0%B0-7-%D0%90%D0%BC%D0%B1%D0%B8%D1%86%D0%B8%D1%8F.aspx
страница 2:
http://gnostika.ru/post/2012/01/28/%D0%93%D0%BB%D0%B0%D0%B2%D0%B0-8-%D0%9B%D1%8E%D0%B1%D0%BE%D0%B2%D1%8C.aspx
нажимаем “Нравится” на одной, после чего на второй она оказалась нажатой (конечно после обновления F5)
как этого избежать?
PS: прошу прощения, что выглядит как спам, но у меня вполне хороший технический вопрос.
Я не могу понять, что за в конце .aspx ? Почему не php. Думаю, из-за этого, больше не знаю из-за чего..
.aspx – это платформа ASP.net (Microsoft). У меня такая же проблема, сайт тоже на ASP. Это происходит из-за того, что шаблон страницы, на которую ставите данную кнопку, идентичен другим страницам сайта. Соответственно при загрузке другой страницы портала подгружается кнопка и на ней.
У меня, к примеру, кнопки соцсетей стоят на странице новостей. Новости работают по следующему принципу – есть страница “newsview.aspx”, общая для всех новостных страниц. Каждая новость при добавлении в базу данных имеет свой ID, например, http://www.mps.vg/NewsView.aspx?id=38.
Скажите пожалуйста где находится header.php и single.php? Где взять это? Не могу найти! Заранее спасибо.
В папке темы (wp-content/themes/название_вашей_темы).
Спасибо, Петр!Поставила!
Что-то на blogspot у меня не получается сделать кнопку, кто-то уже пробовал?
Только что попробовал. Получилось.
Спасибо за статью, установил тоже кнопку от вконтакта.
у меня тоже не получается
у меня шаблон отличается от твоего, куда вставить вторую часть кода, чтобы кнопка была видна сразу после статьи
А как управлять публикуемой новостью по кнопке?
Чтоб брались не метатеги страницы, а то, что я задам? Чтоб новость у тех, кто нажал Мне нравится и Рассказать друзьям выглядела так, как описал я?
Дополнительные параметры в скрипте только предпросмотром управляют 🙁
Поставил кнопку мне нравится на сайт – проголосовал. Отобразилось что 1 челу понравилось. Через некоторое время снова захожу а моего голоса нет! Что может быть подскажите?
Лучше бы они визитку как на facebook сделали 🙂
А так… все кнопки – мне нравиться не только в плагинах, но даже и в ” темах”.
Добрый день, у меня на сайте сайте стандартные кнопки твиттер, гугл плюс , в контакте “мне нравиться” скрипты с официальных сайтов. Но вото в чем проблема, когда поставил кнопку vk-мне нравиться она перевелась на другую строку вниз. Хотелось бы что бы все кнопочки были в одной строке, кнопка “Мне нравиться” не убегала вниз, подскажи, пожалуйста, как это сделать
Вот ответ на Ваш вопрос: https://reclampa.ru/sozdanie-bloga/poleznoe_dlya_bloga/kak-krasivo-raspolozhit-elementy-v-wordpress.html
Вот ответ на Ваш вопрос Вот ответ на Ваш вопрос: https://reclampa.ru/sozdanie-bloga/poleznoe_dlya_bloga/kak-krasivo-raspolozhit-elementy-v-wordpress.html
куда код надо ставит?
Здравствуйте!!! Кнопка в контакте отображается в браузере Firefox, а вот в IE8 не отображается. Как исправить ???
Забить на IE – этим говнобраузером все равно единицы пользуются…
Ой не надо. Этих единиц 30% от всех пользователей
А всё таки есть ответ по теме??? Когда стоял (ещё вчера) плагин share-buttons, то кнопка “в контакте” во всех браузерах показывалась, при вставке кода в IE не отображается.
Сейчас ещё и сайт влево сполз в этом же IE. Не знаю где причину искать, полдня роюсь в инете не могу найти ответ на проблему.
По поводу твоей ошибки. Браузер какой версии?
Если старая версия, почитайте статью, возможно устраните ошибку http://dnzl.ru/view_post.php?id=143
Петр, пожалуйста, удали этот коммент немного позже. Не сочти за спам.
Спасибо. Восьмая версия у меня. Ничего для исправления своей ошибки не нашёл. Да и ладно, пусть не отображается кнопка в IE.
попробуй пройти все этапы сначала – может в самом коде что-то напутал?
Всё правильно делал. Сейчас добавил Кнопку +1 от Google, в мозиле она отображается, а в IE не отображается. Зато теперь появилась кнопка от VK.
У текущей странице блога reclampa.ru то же в IE не отображается кнопка от гугла.
Может это из-за какого-то плагина…
Я бы на твоем месте отказалась от это кнопки пока, ведь сайт из-за нее отображается неправильно
Три кнопки – гугл, фейсбук и твиттер можешь добавить с помощью одного плагина AddThis
У меня нет файла single.php куда и как вставлять?
на сайтах созданных на storeland.ru будет работать?
как это сделать?
О, то что искал! Спасибо за урок
Подскажите плиз может кто знает. Кнопка установилась и все работает. И видно её во всех браузерах (Мозила, EI, Хром), но только не в Опере. В опере в месте где размещена кнопка лишь белый прямоугольник. Ошибки в написании кода быть не может (Везде же работает). Как сделать чтобы и в Опере тоже все хорошо было? Спасибо заранее.
Подскажите, все сделал, как описано выше по установке кнопки, а ее все-равно нету, в чем проблема?
все хорошо работает, просто перед копированием кода, необходимо сохранить настройки сайта. Если обратить внимание, до сохранения, нет id, после сохранения id в коде появляется….
В код <!– Put this script tag to the of your page –> и вставлять не обязательно, это просто описание действий.
У меня сайт на Юкозе, поэтому полностью весь код (без разбивки на 2 части) вставил в отдельный блок с помощью конструктора, тогда все получилось.
У меня файл loop-single.php, и там нет того, как у вас в описании постановки. Вообщем, кнопку не показывает.
А хочется.
Пётр, а не подскажете, как сделать так, чтобы все кнопки выставить в один ряд? у меня как ни крутил кнопки в столбик становятся.
Да, прикольная штучка. Я поставила. главное и на сайте и заодно в контакте появляется. Благодарю за урок.
Отлично! Спасибо.
И ещё положительный момент при установке кода – написано, что часть надо разместить в , а часть в , но можно тупо всё ставить в , т.е. там, где надо, чтобы кнопка была.
Это оказалось удобно в JustClick, т.к. там доступа к нету.
И надёжнее, чем на плагины уповать в Вордпрессе, которые то работают, то не работают на разных версиях движка.
Имеется в виду – часть в тег “head”, а часть в “body”. В Джастклике доступа к тегу “body” нет.
Да блин, опять не то написал!!!
Вот правильно:
И ещё положительный момент при установке кода — написано, что часть надо разместить в тег “head”, а часть в тег “body”, но можно тупо всё ставить в “body”, т.е. там, где надо, чтобы кнопка была.
Это оказалось удобно в JustClick, т.к. там доступа к тегу “head” нету.
где взять header.php
В папке темы
Не осилил
Добрый день, вставил код для кнопки вконтакте на свой сайт, а она отображает общее число +, а не для каждой статьи индивидуальное. В чем может быть проблема? Сайт под ником.
Благо дарю вам! Все понятно и просто. И кнопки работают.
Добрый день! Пытаюсь на vk.com зарегистрировать сайт. Выдает ошибку bad domain.
в чем ошибка?
Доброго времени! А как сделать так, чтобы над кнопкой были аватары тех, кто лайкнул – хочу поставить на свой банко-блог, Спасибо
А как сделать чтобы они все были разные?
Делаю голосование на сайте.
Поставил кнопку на некоторые свои проекты, толку особо нету от нее, а если уберу люди не поймут
Господа, у кого не ставится кнопка в контакте. В скрипте, предлагаемом “ВКонтакте” (http://vk.com/developers.php?oid=-1&p=Like) есть ошибка. Здесь в примере ее нет. В функции VK.Widgets.Like(“vk_like”, {type: “full”, verb: 1, height: 18}, ); между последней фигурной скобкой и обычной скобкой стоит запятая и пробел. Ее не должно быть. Смело ее убирайте, вместе с пробелом и все заработает. Удачи!
Спасибо, работает.
А как сделать, чтобы в контакте появлялась не только ссылка, но и миниатюра картинки с сайта?
Не могу поставить не вылезает помогите пожалуйста!!!
Здравствуйте!Все делаю как описано,но что то не ставиться=(хочу возле соц кнопок поставить “мне нравиться”
Как поставить кнопки в один ряд, например, с фейсбуком?
Урок называется “Как красиво расположить элемнты”
Я не программер и не знаю что такое header.php и single.php. Где их найти и что это за файлы? У меня нтернет-магазин и хочу под каждый товар поставить кнопку Мне нравится, или хотя бы на главную страницу. Как это сделать?
Это файлы WordPress шаблона лежат в папке с шаблоном. На каком движке ваш интернет магазин?
Сайт я не делал и никогда не заморачивался (вот теперь приходица:))) joomla – это не движок? 🙂
в менеджере шаблонов слова WordPress вообще нет!! Что делать? может мне автор сайта чёто не подключил?? 🙁
Джумла это движок. Но тут инструкция для WordPress. Поэтому это Вам не подойдет.
Спасибо. А как же мне быть? Ведь порядок установки кнопок Вконтакте и в ОДноклассниках по идее стандартный для всех движков?
[quote comment=”2971″]В ЧЕМ проблема? какая ошибка?[/quote]
смотри я регистрировался на хостенеко(добавил свой домен) но мне не пришло письмо с FTP что делать?
В личном кабинете есть эти данные.
Я установила себе кнопки соцсетей, но они меня не устраивают. Мне бы хотелось, чтобы наведя курсором на любую кнопку, я могла увидеть, сколько человек на неё нажали – я где-то такое видела. А кнопки, что приведены на этом сайте, будут иметь такую функцию, или нет?
Нет, к сожалению.
Ууу, очень жаль…
У яндекса хороший сервис с кнопками, там сразу штук 5, и код не большой. Ставила до него другие кнопки, то одни проблемы, то другие. С яндексными кнопками все просто. И вроде работают))
блин я ваще не знаю как сделать сайт на укоз! ничего не понимаю в CSS коде и HTML коде((((
Зачем вам ucoz?
Как поставить эту кнопку по середине страницы? Не получается 🙁
Классно! помогло!
А правда что социальная кнопка улучшает индексацию страницы? Если разместить такую кнопку на странице будет ли она высвечиваться через соц. сеть в поиске? Я слышал, что кнопка гугл+ дает дополнительную раскрутку при выдаче в google.com
Еще б узнать как такие кнопочки от твиттера, гугл + , фейсбука сделать.
Не понимаю, куда вставлять вторую часть кода “Мне нравится”, где находится single.php?????????
Подскажите у меня почему то лайки суммируются, в не зависимости на какой странице сайта они были поставлены, что не так?
Пример: deteo.ru
Спасибо, все получилась. Поставила кнопку только на некоторых страницах, статей на моем сайте нет. Попробую настроить теперь чтобы смотрелось лучше.
Все полчилось. Как сделать чтобы кнопки были сбоку рядом друг с другом а не внизу?
Легко и интересно изложено! Спасибо!
Вставляю коды с кнопками в виджеты вордпресс. В одном блоке могут рядом встать две кнопки, но они встают друг ПОД другом. Как сделать рядом? youreng.ru
Вижу сейчас ты убрал кнопочку “мне нравится” и оставил только “рассказать друзьям”. С чем это связано?
Чтобы привлекать трафик. От лайков особого толку нет. 🙂