Skip to content

Latest commit

 

History

History
54 lines (47 loc) · 2.27 KB

readme.md

File metadata and controls

54 lines (47 loc) · 2.27 KB

Sphagetti. Check it out here

IgJs Javascript Instagram Scraper

Scrape Instagram for recent posts with Javascript client-side. No server-side processing needed!

I wanted a quick and easy way to get posts from instagram and showcase them on a page.
Strictly for getting only info what can be found right on the landing page for a users public account. Nothing too fancy, but extremely easy to get implimented into any project.

Vanilla JS:

Gives you all the info you need to display posts however you want.
Import script - <script src="./igjs.min.js"></script>
Run it -

let postPromise = getPosts('coolguyusername');       
postPromise.then(posts => console.log(posts));

Returns a promise with an array of objects (1 for each post) with the following as the resolve argument:

  • .image - String - main post image src url
  • .caption - String - post caption
  • .thumbnails.(150,240,320,480,640) - String - thumbnail image src url for each size
  • .likes - Number - number of likes
  • .comments - Number - number of comments
  • .dimensions.(height,width) - Number - height and width of main image
  • .url - String - url to post on instagram
  • .timestamp - Number - post timestamp
  • .video - Boolean - is post a video?
  • .raw - Object - Object with the raw data from each post (in case it's not included above)

jQuery/Bootstrap:

Dead simple jQuery usage for displaying on a page with bootstrap:
Import jQuery and bootstrap
Import jquery script - <script src="./jquery.igjs.min.js"></script>
Get your posts -

$('.ig-feed').igjs({     
  user: 'amazingusername',     
  posts: 12,     
  perRow: 3     
});

Options:

  • user: 'instagram' - the public user account to scrape
  • posts: 12 - number of posts to get
  • perRow: 4 - number of posts per row (uses bootstrap 3 classes to achieve)

See it in action - here