Instagram API: Делаем виджет с информацией о юзере на PHP (+ для WordPress)

Привет, друзья. Сегодня начнём разбираться в АПИ Инстаграма, ничё сложного там нет, поехали: Виджет с инфой о пользователе инстаграм by niceseo!

Для тех кто в танке или еще где, наглядная демонстрация того, что мы получим с двух разных сайтов:

instagramapi-primer-niceseoru

Пошаговая инструкция к Instagram API

1. Регистрация в Разделе разработчиков инстаграма. Заходим на http://instagram.com/developer/, жмём «Управлять программами» (наверху), далее «Регистрация новой программы»:

instagramapi1niceseoru

Заполняем все поля, жмём «Register»:

instagramapi2niceseoru

Получаем вот такую картину:

instagramapi3niceseoru

2. Получаем токен. Для этого проходим по ссылке (client id и redirect url вставьте из результата первого шага):

https://api.instagram.com/oauth/authorize/?client_id=c646d986445&redirect_uri=http://www.niceseo2.ru&response_type=token

И получаем злосчастный токен:

instagramapi4niceseoru

 3. Заходим на нужную страницу в инстаграм, кликаем правой кнопкой по аве, смотрим код этого места и вычленяем цифры:

instagramapi5niceseoru

4. PHP-код, который вставляем в место, где будет виджет (первые цифры — наш id из пункта 3, вторые — токен из пункта 2 текущей статьи):

Ну и собственно функция (вставляется в любое место этого же файла):

И в CSS-файл прописываем стили:

4.1 Если у вас WordPress, то прокачаем функцию niceseo_instagram, чтобы она кэшировалась, выглядеть она будет так:

За сим всё! Рад был помочь, если что пишите. Instgram API — просто, как 2 копейки. Когда разьясняет niceseo ;)

Сложная для вас тема — API ?
ДаНет

Оцените статью!

Понравилась статья? Поделиться с друзьями:
Комментариев: 1
  1. ddd2105

    Что то у меня не получается. Постоянно вылезает «Не удалось подключиться»

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Для отправки сообщения выберите лишнее изображение