Сегодня решил установить кнопку лайк от контакта или вконтакта, без понятия как правильней на один свой сайт. После успешной установки кнопки и решил написать пост, чтобы самому не забыть и вам подсказать. Хотя и забывать то там нечего, не зная где и как, нашел за пару минут.
Для того, чтобы получить код для установки на свой сайт нужно проделать небольшой путь, с главной страницы. Мотаем в самый низ и находим ссылку с анкором «Разработчикам». По ней естественно и переходим, на открывшейся странице переходим в «Авторизация и виджеты для сайтов». На данный момент это самая правая кнопка с монитором на картинке. В группе «Виджеты для сайтов» переходим по ссылке «Мне нравится». Вот мы и на месте, весь путь который описан выше можно и не искать, а просто перейти по ссылке http://vk.com/dev/Like.
Заполнив поля сайт, адрес сайта и указав категорию переходите к выбору вида кнопки. Мне понравилась «Кнопка с миниатюрным счётчиком», после выбора дизайна кнопки я изменил название с «Мне нравится» на «Это интересно», так как сайт информационный. Когда сделали так как нам нравится нажимаем на кнопку «Сохранить». После чего копируем код из окошка.
Код состоит из двух частей, которые можно различить только если внимательно читать комментарии к коду.
Верхнюю часть кода вставляем между <head></head>
|
1 2 3 4 5 6 |
<!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?101"></script> <script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true}); </script> |
Вторую часть кода устанавливаем в шаблоне там, где должна быть кнопка лайк.
|
1 2 3 4 5 |
<!-- 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: "full"}); </script> |
Не копируйте код отсюда, так как скорее всего без дополнительных настроек он не будет работать.