인스타그램(Instagram) 위젯 설치하기

인스타그램(Instagram) 위젯 설치하기

 

환경: Internet Explorer 11

 

트위터나 페이스북 위젯을 이용하면 트윗된 글과 페이스북 타임라인에 올라간 글들을 확인할 수 있습니다. 이 위젯은 블로그나 사이트에 설치해서 방문자들과 소통의 통로로 이용합니다. 그런데 인스타그램에서 제공하는 위젯은 프로필 연결 아이콘 밖에 없습니다. 그래서 위젯을 만들어서 배포하는 사이트가 있습니다. WEBSTA 에서 제공하는 인스타그램 위젯 코드를 만들어서 블로그나 사이트에 달아 보겠습니다. 

 

▼ 위젯 코드를 만들기 위해 아래 링크 주소를 클릭해서 사이트에 접속합니다. 그리고 계정 연결을 위해 Login 버튼을 눌러 줍니다.

http://websta.me/ 

 

▼ 계정 아이디와 패스워드를 넣고 로그인을 하게 되면 Websta 에서 계정에 접근할 수 있도록 권한을 줄 것인지 묻습니다. Authorize 버튼을 눌러 승인하고 창을 닫습니다.

 

▼ Websta 는 스마트폰에서와 동일하게 인스타그램을 이용할 수 있습니다. MY POSTS 메뉴를 클릭하시면 지금까지 자신이 올린 사진들을 볼 수 있으며 FEED 에는 자신이 팔로우하거나 팔로잉한 사람들의 사진들을 볼 수 있습니다.

▼ 여기에서 위젯을 만들기 위해 상단 메뉴 TOOLS 를 누릅니다. 그럼 위젯을 꾸미기 위한 각종 옵션들이 나타납니다. 필수 값은 두 가지 인데 Parts Type 과 @username 은 입력해야 합니다. Parts type 은 위젯에 어떤 내용을 보여 줄 것인지 결정하는 옵션입니다. @username 은 바로 아래 입력한 아이디에 해당하는 사람의 글들이 나옵니다. 보통 자신의 아이디를 입력하게 됩니다. 또는 #hashtag 해쉬태그나 인기사진 보여 주도록 옵션값을 선택할 수 있습니다.   

 

▼ 이렇게 위젯 코드를 완성하셨다면 하단에 Preview 버튼을 눌러 위젯의 모양을 확인합니다. 그리고 데이터가 제대로 나오는지도 확인해야겠죠.

 

▼ 확인이 끝났다면 Generate code 버튼을 눌러 iframe 이 들어가 있는 html 코드를 생성합니다. 이것을 복사해서 자신의 블로그나 사이트 사이드바에 추가하시면 인스타그램의 내용을 공유할 수 있습니다.