Урок 14 — Добавление ID приложений и кнопок Facebook / VK

В этом уроке мы добавим ID приложений и вставим кнопки известных социальных сетей на сайт.

1 шаг

Для начала добавим наше «приложение» (сайт) в ВКонтакте, переходим по ссылке и начинаем работать.
Жмем на кнопку «Создать приложение» и заполняем форму (пример на картинке).
Заполнение формы создания приложения ВК
Затем жмем кнопку «Подключить сайт», появляется окно подтверждения, выбираем телефон и жмем «Запросить подтверждение», подтверждаем на телефоне.
Создание приложения в ВК
Мы успешно создали «приложение» для нашего сайта.

2 шаг

Теперь добавляем кнопку VK на сайт. Для этого переходим по ЭТОЙ ссылке.
Из выпадающего списка выбираем наш сайт и настраиваем внешний вид кнопки.
Создание кнопки ВК для сайта
И копируем код на наш сайт. Первую часть в контейнер <head>, а вторую часть в то место, где должна располагаться кнопка.
На этом установка кнопки ВК на сайт завершена.

3 шаг

Приступаем к добавлению кнопки Facebook.
Переходим по ЭТОЙ ссылке.
Указываем ссылку на наш сайт, настраиваем внешний вид кнопки Facebook и жмем «Get code».
Создание кнопки Facebook для сайта
Размещаем верхний код туда же, где разместили первую часть кода ВК, а вторую часть туда, где разместили вторую часть кода ВК ))
На этом урок окончен