Dleshka.org
Авторизация

Скачать Instafeed.js - Вывод картинки с профиля Instagram на свой сайт

+5
TipTop 25-01-2020 Mодули DLE 0 комментариев
Instafeed.js - Вывод картинки с профиля Instagram на свой сайт

Цель модуля вывод картинки с профиля Instagram на свой сайт из профиля в instagram! Очень полезный плагин для блога, для сайта портфолио.
Большой функционал, очень много настроек и очень прост в установке.

Установка:
1. Скачиваем плагин (Страница разработчика)и помещаем файл instafeed.js в папку js
2. Подключаем плагин к шаблону. Открываем файл main.tpl и к остальным скриптам приписываем:

<script type="text/jаvascript" src="{THEME}/js/instafeed.js"></script>
Инициализируем плагин. В самом верху после строки </head>вставляем:
<script type="text/jаvascript">
    var userFeed = new Instafeed({
        get: 'user',
        userId: 3240074341,
        accessToken: '3240074341.1677ed0.3e069fa45a314304b71e7e2595349804'
    });
    userFeed.run();
</script>


4. Настройка плагина.
Для работы плагина на нашем сайте, нам нужно зарегистрировать сам сайт на странице для разработчиков в instagram. Переходим по ссылке и сразу в раздел Manage clients клацаем по зеленой кнопке Register a new client.

Заполняем поля: Название, Описание, Название организации(название сайта) и два раза адрес сайта.
После нажатия зеленой кнопки Register вы перенаправляетесь на страницу управления вашими приложениями и сайтами и видите ваш новый сайт.


Все, сайт мы зарегистрировали теперь нам нужно ввести данные от туда в наш скрипт.
Разберем код инициализации:
userId: 3240074341, // Тут id своего аккаунта, можешь узнать в google
accessToken: '3240074341.1677ed0.3e069fa45a314304b71e7e2595349804' - Это так называемый токкен. У каждого уникальный токкен, я свой узнал просто через google "Токкен для instagram". Вводим свой токкен и всё, плагин готов к работе!

Выводится все это кодом:
<div id="instafeed"></div>

Вставляем это в нужное место! Фотки с инсты прямо у вас на сайте.

Плагин можно настроить по разному, на странице автора есть несколько примеров.
А вот вам список опций плагина:
Информация
Зарегистрируйтесь чтобы комментировать публикацию.
Авторизация