가져오려는 인스타그램의 게시물이 총 596개인데 api를 이용해서
저희 사이트에 적용을 시키니 더보기를 클릭해도 20개에서 더 이상 나오지를 않네요...
20개 제한이 걸려있는지 뭔지 모르겠습니다.
일단 소스 보여드릴께요
Copy
<script type="text/javascript"> $(function(){ var galleryFeed = new Instafeed({ get: "user", userId: 1484139014, accessToken: "1484139014.5679622.1c8796d477384a4986f2e1abc97de872", template: '<li class="grid-item"><a href="{{link}}" target="_blank"><p class="img"><img class="thumbs img-responsive" src="{{image}}" alt="썸네일" /></p><dl><dd><img src="./icon-heart.png" class="icon icon-heart"><span class="likes"> {{likes}}개</span></dd><dd><img src="./icon-message.png" class="icon icon-message"><span class="comments"> {{comments}}개</span></dd></dl></a></li>', target: "instafeed-gallery-feed", resolution: "standard_resolution", useHttp: "true", limit: 16, after: function(response) { // disable button if no more results to load console.log(response) if (!this.hasNext()) { btnInstafeedLoad.setAttribute('disabled', 'disabled'); } }, }); galleryFeed.run(); var btnInstafeedLoad = document.getElementById("btn-instafeed-load"); btnInstafeedLoad.addEventListener("click", function() { galleryFeed.next() });})</script><script>var elem = document.querySelector('.grid');var iso = new Isotope( elem, { // options itemSelector: '.grid-item', layoutMode: 'fitRows'});// element argument can be a selector string// for an individual elementvar iso = new Isotope( '.grid', { // options});</script> <div class="main_banline04_wrap"> <ul id="instafeed-gallery-feed" class="review_ul grid" data-isotope='{ "itemSelector": ".grid-item", "masonry": { "columnWidth": 311 } }'> </ul> </div> <button id="btn-instafeed-load" class="btn">더보기</button> </div></div>
위 소스이구요
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.thewedd.com/Common/js/instafeed.min.js"></script>
필요한 jquery 파일은 여기서 씁니다.
게시물 전체가 나오게 하려면 어떻게 해야될까요.;;;;
https://codepen.io/selcukcura/pen/GjYYrV <== 이 사이트 참고했습니다.
|
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
https://www.instagram.com/developer/
게시물 20개로 제한되었습니다
정식으로 인스타그램에 신청해서 키를 받아야만 가능한데
굉장히 폐쇄적으로 정책이 바꼈습니다..-_ ㅠ
http://sejin7940.co.kr/index.php?document_srl=109147&mid=sejin7940_work
참고하세용~
답변에 대한 댓글 2개
kujira
2017-09-08 (금) 13:46:46
nanati
2017-09-08 (금) 13:55:15
강제적으로 끌어오는 방법은 제가 기술적으로 딸려 모르겠고요.ㅠㅠ
공식적으로는 인스타공식 api사이트에서 이런저런 서류 내고 인증 받아야 가능하다더라구요
저도 얼마전에 필요해서 알아보다가 관뒀어여 ㅋㅋ
공식적으로는 인스타공식 api사이트에서 이런저런 서류 내고 인증 받아야 가능하다더라구요
저도 얼마전에 필요해서 알아보다가 관뒀어여 ㅋㅋ
2017-09-08 (금) 11:40:11
개수 제한이 있습니다. 전체 보이는 방법은 금지된것으로 알고 있습니다.
답변을 작성하려면 로그인이 필요합니다.
https://www.sinbuya.com/review
이 사이트는 인스타그램에서 엄청 땡겨오는데 여기는 어떻게 해서 이렇게 무제한으로 가져오나요?