jQuery Plugin to Embed Instagram Feed on Website

A lightweight jQuery plugin to embed Instagram feed on the website without app token client ids. The plugin makes a standard Ajax call to Instagram URL and fetches images related to the given hashtag.

How to Embed Instagram Feed on Website

1. Load the jQuery and hashtagstory.js into your HTML document.

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<!-- Instagram Feed Js -->
<script src="hashtaghistory.js"></script>

2. Create a container (a div element) with a unique id in which you would like to embed your Instagram feed.

<div id="instagram-feed"></div>

3. After that, initialize the plugin in the jQuery document ready (or anonymous) function to activate the feed.

$(document).ready(function(){

$("#instagram-feed").hashtaghistory("hash-tag-name-here");

});

Advance Configuration Options to Embed Instagram Feed

The following are some advanced configuration options to create/customize “Instagram Feed”.

$("#instagram-feed").hashtaghistory({
  hashtag: "beauty",
});

$("#instagram-feed").hashtaghistory({
  hashtag: "beauty",
  imageSize: 480,
});

$("#instagram-feed").hashtaghistory({
  hashtag: "beauty",
  limit: 9,
});

$("#instagram-feed").hashtaghistory({
  hashtag: "beauty",
  link: false,
});

Asif Mughal

I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences.
I truly enjoy what I’m doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.