Instafeed JS не загружается

Я пытаюсь протестировать instafeed.js, но не могу загрузить его на простой странице начальной загрузки

Все на моей странице загружается, включая этот контейнер, но он пуст без намека на код Instagram.

Я загрузил папку instafeed js в свой корневой каталог. Рабочий файл находится в той же папке, что и эта папка instafeed, и там находится файл min.js.

Очевидно, мой идентификатор клиента был опущен, но, кроме этого, что я мог здесь делать не так?

Вот мой текущий блок кода, относящийся к этому:

<head>
<script type="text/javascript" src="instafeed.js-master/instafeed.min.js"></script>
</head>

<div class="container">
    <div id="instafeed"></div>  
</div>


<script type="text/javascript">
$(document).ready(function() {
  var feed = new Instafeed({
    clientId: 'myclientid',
    limit: '4'
    });
  feed.run();
});
</script>

javascript bootstrap-4 instafeedjs
person Geoff_S    schedule 08.06.2018    source источник
comment
Вы пытаетесь просмотреть страницу локально на своем компьютере из файловой системы или через веб-сервер? Если вы пытаетесь получить к нему доступ через файловую систему, вам может потребоваться добавить useHttp: true в параметры Instafeed (источник: stackoverflow.com/questions/24152544/trouble-with-instafeed-js)   -  person Paurian    schedule 08.06.2018
comment
Извините, надо было указать: я использую веб-сервер   -  person Geoff_S    schedule 08.06.2018

Ответы (1)


arrow_upward
1
arrow_downward

вам также необходимо включить свой токен доступа. Получите свой токен доступа отсюда: http://instagramwordpress.rafsegat.com/docs/get-access-token/

Вот мой образец,

if ($instafeed.length) {
            var feed = new Instafeed({
                get: 'user',
                limit: 8,
                userId: userId,
                accessToken: accessToken,
                template: '<a target="_blank" href="{{link}}"><img src="{{image}}" /><div class="instagram-post-stats"><div class="likes">{{likes}}</div><div class="comments">{{comments}}</div></div><i class="fa fa-instagram"></i></a>',
                resolution: 'standard_resolution',
                sortBy: 'most-recent',
            });
        }
            feed.run();

        });
    }
        feed.run();
person Prasad Kumarasinghe    schedule 13.06.2018