Note that using Jekyll is not a requirement. Please read the installation manual on how to set Zapier up. This requires just a few lines of Javascript and a touch of CSS. Instafeed.js - Instagram user feed example with load more button - index.html. ![]() ![]() Name Last modified Size Description Parent Directory - instafeed.js 13:16. Instafeed.js - Instagram user feed example with load more button - index.html. 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. Therefore, we only have to visualize the RSS feed. Index of /wp-content/themes/jupiter/assets/js/plugins/wp-enqueue. Setting up Instafeed is pretty straight-forward - there are 3 main steps. Zapier takes care of the CORS policy on the RSS feed. When it discovers a new post/image, it adds this to a Zapier RSS feed that has nothing to do with Instagram. Setting up Instafeed is pretty straight-forward - there are 3 main steps. We will take care of storing the Instagram Access Token, converting it a Long Lived Access token and keeping it refreshed. Using this token it listens to the users feed on a five minute interval. Our Instagram Application will generate an Instagram Access Token for you to use in your client side applications. Zapier authenticates with Instagram and gets the required long lived access token. For the server-side part I used Zapier (for free). ![]() The solution I came up with is actually quite simple: fully split the server-side and client-side part and use XML(RSS) as an intermediate. I looked at skipping the authentication by scraping a users public profile page, but came to the conclusion that cross-origin resource sharing (CORS) and potential IP-blocking from Instagram would make that a difficult and unreliable route. A pure Javascript solution, like Instafeed.js, that directly gets content from Instagram, is no longer possible. The new Instagram Basic Display API requires server-side scripts. However, Instafeed.js was not only non-trivial to set up, but it also relied on the legacy API from Instagram that will be discontinued on March 2nd 2020 or March 31 2020. To show a users Instagram account pictures I have been using Instafeed.js. Still want Instagram on your website without API? Check my new post.
0 Comments
Leave a Reply. |