BUTAMUHbI4.ru

| мужские рукоделия |

Как узнать API_ID вконтакте. Устанавливаем кнопку «Мне нравится» В Контакте на сайт.

23 Апр 2013, 10:58
Просмотров статьи: 10759
Рубрика: Интернет по касательной

Кнопка "Мне нравится" ВКонтакте на вашем сайт.

Как устанавливается кнопка «Мне нравится» ВКонтакте на вашем сайте.

..а началось всё с того, что при добавлении кода кнопки «Мне нравится» социальной сети «В контакте» у меня ничего не отображалось в моём блоге WordPress. Хотя, здесь не имеет значения CMS сайта. С Joomla или DLE было бы тоже самое, потому что суть проблемы была, как выяснилось, в идентификаторе API_ID. Точнее в его отсутствии в коде кнопки «мне нравится» от VK..

Причиной тому стало отсутствие моего аккаунта в этой социальной сети. Да, вот так вот. Пришлось мне регистрироваться ВКонтакте, чтобы вы могли делиться статьями из моего блога с друзьями в контакте. Но об этом я догадался много позже. Сначала я всеми силами пытался установить кнопку «Мне нравится» от vk.com на сайт без аккаунта. Так вот, это всё очень интересно, но покопавшись в интернете, я понял, что я не одинок. А посему создал данную тему вам в помощь. Итак..

Если вы хотите установить кнопку мне нравится вконтакте на сайт, то прежде всего авторизуйте свой аккаунт В Контакте, а если его нет, то зарегистрируйтесь. И даже после этого не спешите лезть в ВК-сервис под названием ‘Виджет «Мне нравится»‘. Сперва надо будет воспользоваться сервисом ‘Создать приложение’. Для этого со страницы своего аккаунта vk.com переходим по ссылке ‘разработчикам’: vk.com/dev, которая находится внизу страницы:

узнать ВАШ API_ID в контакте

Чтоб узнать ВАШ API_ID в контакте, переходим по ссылке «разработчикам».

Вы попадаете на страницу ‘Разработка приложений’. Обратите внимание на раздел на скриншоте, выделенный зелёным цветом. К нему мы вернёмся чуть позже.

Раздел 'Разработка приложений' ВК.

Раздел ‘Разработка приложений’ ВК.

Отсюда переходим в раздел ‘Создать приложение’: vk.com/editapp?act=create, где заполняем информацию по вашему сайту, на который вы хотите установить кнопку мне нравится.

Подключаем свой сайт к аккаунту В Контакте.

Подключаем свой сайт к аккаунту В Контакте.

Вот теперь сайт подключен и ему присвоен тот самый API_ID, который изначально отсутствует в коде кнопки. Заполняем поля с описанием вашего сайта и жмём «Сохранить изменения».

Теперь мы можем узнать API_ID вконтакте.

Теперь мы можем узнать API_ID вконтакте.

Теперь остаётся настроить кнопку «мне нравится», для чего опять же из раздела ‘разработчикам’: vk.com/dev, переходим в раздел ‘Авторизация и виджеты для сайтов’: vk.com/dev/sites (выделен зелёным на одной из фотографий выше). Здесь ищём пункт «Мне нравится» и кликаем по нему: vk.com/dev/Like.

Кнопка "Мне нравится" ВКонтакте.

Кнопка «Мне нравится» ВКонтакте.

Остаётся задать визуальные параметры будущей кнопки «мне нравится» и, скопировав генерированный код, вставить в код своего сайта. Причём повторюсь, хоть в Joomla, хоть в DLE, хоть в WordPress.

Далее просто настраиваем параметры внешнего вида кнопки для генерации кода с api_id для вашего сайта.

Далее просто настраиваем параметры внешнего вида кнопки для генерации кода с api_id для вашего сайта.

Для логического завершения статьи добавлю, что первую часть кода надо вставить в <head> сайта:

<!— Put this script tag to the <head> of your page —>
<script type=»text/javascript» src=»//vk.com/js/api/openapi.js?92″></script>

<script type=»text/javascript»>
VK.init({apiId: 3596844, onlyWidgets: true});
</script>

А вторую туда, где вам необходима кнопка «Мне нравится» от социальной сети В Контакте:

<!— 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: «mini», height: 18});
</script>

Добавлено 27.04.2013:

Эта статья попала в ТОП10 Yandex и Google по запросу «как узнать api_id» ровно за 3 дня. Узнайте, как быстро попасть в топ.

ПостСкрипы:

  1. Код кнопки можно изменить, сделав его, например, в одну строку.
  2. Также будет полезным почитать документацию к виджету «Мне нравится»: vk.com/dev/widget_like.

Метки:



Не жадничайте! Поделитесь с друзьями. :-)

комментариев 6

  1. Елена http://kuhatpodano.ru/ 04.12.2015 (14:00:22)

    Спасибо за подробное объяснение процесса, кнопочка мной успешно установлена и не возникло никаких сложностей, хотя я не специалист в этой области. 🙂

  2. Master-It http://master-it.biz 24.04.2013 (21:24:48)

    А я себе, все никак эти кнопочки не установлю. Пока пользуюсь PLUSO.

    • BUTAMUHbI4 http://BUTAMUHbI4.ru 24.04.2013 (22:44:51)

      Master-It. Да, сервис ПЛЮСО удобный. Но я почему-то решил попробовать (помимо «мне нравится», «лайк», «твитнуть» и «плюсон») кнопки яндыха. Какие-то они прям маленькие и аккуратные. 😆
      Пусть пока будет так. А со временем посмотрим.

  3. Александр http://blog-ing.ru/ 24.04.2013 (06:17:08)

    Самый смак для продвижения. Кнопки соц. сетей это нужная вещь =)

    • BUTAMUHbI4 http://BUTAMUHbI4.ru 24.04.2013 (12:14:33)

      Да, Александр. При нынешних гипер массовых пользованиях социалками кнокпи на подобие «Мне нравится» ВКонтакте устанавливать просто необходимо. Возможно в дальнейшем опишу, как установить кнопки других социальных сетей на свой сайт, но в одном едином обзоре, потому что с ними всё намного проще, да и материала в интернете достаточно. А пока работаем’с над другими статьями.
      Задумок много. ❗ Жаль, что времени, как всегда, мало.. 😥
      Спасибо.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Проверка на человекоподобность:


Яндекс.Метрика

(C) 2013-2017 BUTAMUHbI4.ru | Мужские рукоделия


При цитировании материалов с данного сайта обязательна активная ссылка на страницу с контентом.

Использование текста, изображений, видео с данного сайта возможно только для ознакомительных целей.

Условия коммерческого использования контента обговариваются с администрацией BUTAMUHbI4.ru путём запроса через форму комментариев соответствующего материала.