Once you have created the app, navigate to Settings > Basic, scroll to the bottom of page, and click Add Platform.Ĭhoose Website from the menu, add your website’s URL. Give you app a name, and add an email address.Select Build Connected Experiences from the menu.Go to, click My Apps, and create a new app.The Postman app to perform cURL requests.A published webpage - you can use Codepen for testing.You’ll need to register your website as an application with Instagram and get an Access Token before you start - Instagram has recently changed the process, but it is quite straight-forward, just follow the steps here. Instagram no longer supports this method to display posts on your webpage… the updated article and follow the steps required to get this to work. See Templating.Instafeed is a simple javascript plugin that enables you to add Instagram photos to your website. You can write your own HTML markup and it will be used for every image that Instafeed.js fetches. The easiest way to control the way Instafeed.js looks on your website is to use the template option. See Options in the wiki for the complete reference. The function will be given the image data as an argument, and expects the function to return a boolean.Ī custom function to sort the media, rather than the default 'most recent' sortingĮither the ID or the DOM element itself where you want to add the images.Ī mustache template used to produce HTML for the document.Ī function used to transform the image data before it is rendered. Set to true to display debugging informationĪ function used to exclude images from your results. The Instagram access token, either as a string, or a function which returns a string Here are some of the most commonly used options: Key A service to keep your access token fresh. A Facebook app linked to your Instagram account, and a token generated through that app.A Facebook developer account, and an Instagram account with some media posted to it.Also check out the advanced options for some advanced ways of customizing Instafeed.js. Of course, you can easily change this behavior using standard options. Instafeed will automatically look for a and fill it with linked thumbnails. Add the instafeed.js script to your web page and provide some simple options.Create an access token and provide it to an Instagram Token service.Create a Facebook app linked to Instagram, and add yourself as a test user.Setting up Instafeed is pretty straight-forward - there are 3 main steps. It's a paid service, but it has a free tier that will work for smaller projects. If you're looking for a turnkey solution that manages tokens for you, or you need more advanced features like hashtag feeds, I recommend looking at Behold. The largest problem is that managing API tokens now requires a server-side component, which I can’t provide through Instafeed.js alone. Unfortunately, Facebook has made this process a lot more complex than it used to be. I like to think I was able to do that, in large part thanks to the public API Instagram had at the time. When I originally wrote Instafeed.js in 2012, I wanted to create an easy way to quickly add your Instagram photos to your website. Version 2 of Instafeed.js is now available, powered by the new Instagram Basic Display API.įor help upgrading from v1, see the v2 migration guide. Instafeed.js is a simple way to display your Instagram photos on your website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |