Кнопка от В Контакте “Мне нравится” появилась уже на многих сайтах, блогах. Читатели блога WPnew.ru также спрашивали у меня, как поставить ту самую заветную кнопку. Сегодня я решил Вам показать, как это делается.
Чтобы поставить “Мне нравится” от В Контакте, нужно конечно зарегистрироваться в данной социальной сети (хотя, наверное, тех, кого нет Вконтакте, осталось единицы). Из-за того, что в данной социальной сети очень много людей, кнопка от В Контакте может принести огромную пользу – привлечь дополнительных посетителей.
Как установить кнопку от В Контакте “Мне нравится”
- Первым делом заходите по адресу http://vkontakte.ru/developers.php?o=-1&p=Like (если Вы не авторизованы, то сделайте это).
- Дальше заполняете следующее:
Сайт/приложение: Подключить новый сайт.
Название сайта: Вводите название своего сайта/блога.
Адрес сайта: Введите адрес своего сайта/блога.
Основной домен сайта: Введется автоматически на основе адреса сайта.
Нажимаете “Сохранить”.
- Далее выбираете тип кнопки, как будет выглядеть кнопка Вы сразу же увидите на той же странице, только чуть ниже:
Лично я предпочел выбрать пункт “Кнопка с текстовым счётчиком”. А название кнопки оставил “Мне нравится”, можно также поставить “Это интересно”. - Дальше нам нужно вставить код в блог. Как я считаю, кнопка “Мне нравится” от Вконтакте должна стоять в конце статьи, чтобы читатель прочитал статью и, если ему понравилось, нажал на кнопку.
Чтобы кнопка была в конце статьи нам для начала нужно:
1) Скопировать часть кода, который дает нам Вконтакте от начала до<!-- Put this div tag to the place, where the Like block will be –>
:
2) Открыть файл header.php и перед закрывающимся тегом </head> вставить код этот код:
3) Потом, копируем весь код, который остался:
4) Открываем файл single.php и после окончания статьи вставляем скопированный код. Если Вы вставляли социальные кнопки, то перед кодом этих кнопок:
Вот и все. Все работает. Если Вам понравился урок, нажмите на кнопку “Мне нравится” от В Контакте в конце этого урока 
.
До встречи на следующих уроках!
__________
Постовой. Я люблю, когда на блоге красивое офориление! Поэтому, может быть вас заинтересуют шаблоны wordpress. Приглянитесь, может найдете, что-то стоящее.
О прикольно обязательно себе поставлю
у меня что то не ставится (((((
В ЧЕМ проблема? какая ошибка?
А можно ли поставить эту кнопку в сайтбар, что бы нравилась не определенная статья, а весь сайт?
Можно конечно, но так что бы нравился весь сайт...
Нужно еще «правильно» ее вписать в дизайн блога, что бы не выделялась сильно)))
Кнопка конечно классная, сейчас наверно на каждом втором блоге стоит
Но я за все время больше 4 «мне нравится» никогда не видел...
Может людям нечего не нравится, или же вконтакте не сидят...
Не ставится кнопка по твоей, Петр, инструкции.
Если весь код целиком ставить в single.php, то получается
Перед
Но, так как стоят всякие плагины, смотрится некрасиво...
Хотел непосредственно после кнопки Фейсбука поставить, но, как ни гонял этот код,, так ничего и не получилось:)
почему то кусок моего коммента был вырезан...
Я говорил, что перед
Вот прикол!
Коды вырезает...
Теперь коды не должно вырезать, спасибо за найденную ошибку в блоге. После фейсбука толком поставить у меня тоже не получилось, лучше попробовать до него...
Подскажите, а кнопка должна сразу появиться на сайте? у меня что то не хочет =( Тупо нет её, хотя код в исходнике страницы есть
Что-то не так. Не получается.
вот-вот! у меня тоже, кнопка не поялвяется ни в постах ни в сайд-баре =(
Может по версиям WordPressа не совпадение? Как у меня с каким то плагином было.
там теперь надо добавлять сайт как приложение... то есть сначала регаем приложение (чтобы получить APP_ID) а потом уже идем на где получаем нормальный код скрипта
у меня и без этих добавлений, как-то все работает... странно.
может покажется смешно но у меня вообще файла single.php в теме нет. поставил плагин аналогичной кнопки фейсбука, в файлах не нашел его, а кнопка есть, работает. как быть? как найти то место где фейсбук кнопка стоит и туда впендюрить вконтакте ?
Попробуйте посмотреть исходный код через FireBug.
Если у Вас нет 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 ??
Первым делом заходите по адресу (если Вы не авторизованы, то сделайте это).
Дальше заполняете следующее:
Сайт/приложение: Подключить новый сайт.
Название сайта: Вводите название своего сайта/блога.
Адрес сайта: Введите адрес своего сайта/блога.
Основной домен сайта: Введется автоматически на основе адреса сайта.
Нажимаете “Сохранить”.
--------------------------------------------------------------
После этого появится API_ID. Без него ничего сделать не получится. А вообще у меня в блоге написано как решить эту проблему.
скажите пожалуйста какой плагин у вас стоит для древовидных комментариев и цитирования?заранее спасибо!
Вот:
спасибо:)установил,все работает.
всем привет, все работает только на хосте, в локале нет.
вот еще интересный девайс они запустили
Дается ли повышение ТИЦ и 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:
страница 2:
нажимаем «Нравится» на одной, после чего на второй она оказалась нажатой (конечно после обновления F5)
как этого избежать?
PS: прошу прощения, что выглядит как спам, но у меня вполне хороший технический вопрос.
Я не могу понять, что за в конце .aspx ? Почему не php. Думаю, из-за этого, больше не знаю из-за чего...
Скажите пожалуйста где находится header.php и single.php? Где взять это? Не могу найти! Заранее спасибо.
В папке темы (wp-content/themes/название_вашей_темы).
Спасибо, Петр!Поставила!
Что-то на blogspot у меня не получается сделать кнопку, кто-то уже пробовал?
Только что попробовал. Получилось.
Спасибо за статью, установил тоже кнопку от вконтакта.
у меня тоже не получается
у меня шаблон отличается от твоего, куда вставить вторую часть кода, чтобы кнопка была видна сразу после статьи
А как управлять публикуемой новостью по кнопке?
Чтоб брались не метатеги страницы, а то, что я задам? Чтоб новость у тех, кто нажал Мне нравится и Рассказать друзьям выглядела так, как описал я?
Дополнительные параметры в скрипте только предпросмотром управляют
Поставил кнопку мне нравится на сайт — проголосовал. Отобразилось что 1 челу понравилось. Через некоторое время снова захожу а моего голоса нет! Что может быть подскажите?