홈페이지에 인스타그램연동
본문
홈페이지에 인스타그램을 넣고싶은데요~
한번에 총 3개의 계정의 게시물이 뜨도록하고싶은데
인스타그램을 홈페이지에 연동하는법은 아는데 다 계정 하나만 연동하는법인거같아서 세개할 수 있는법이 있을까요?
답변 1
3개의 계정 마다 각각의 api키를 발급받으시고
api호출을 3번해야합니다.
그리고 배열변수 하나 선언하셔서 거기에
각각 계정으로 불러온 게시글 1개씩을 넣고
그 배열을 출력하시면됩니다.
<script type="text/javascript">
var userFeed = new Instafeed({
get: 'user',
userId: 입력완료했음!,
sortBy: "most-recent",
limit: 20,
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>',
// {{link}} : 게시물 링크, {{image}} : 사진 url, {{caption}} : 게시물 텍스트
accessToken: '입력완료했음!'
});
userFeed.run();
var userFeed = new Instafeed({
get: 'user',
userId: 입력완료했음!,
sortBy: "most-recent",
limit: 20,
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>',
// {{link}} : 게시물 링크, {{image}} : 사진 url, {{caption}} : 게시물 텍스트
accessToken: '입력완료했음!'
});
userFeed.run();
</script>
구글링해서 이렇게 넣어서
<div id="instafeed"></div>
안에 두개의 계정이 한번에 불러와지는것은 가능하게됐습니다!
하지만 저는 두개의 계정을 각각 다른 div에 넣고싶은데 어떻게 해야할지 모르겠어요 ㅠㅠ