Since GDPR became a thing and Facebook introduced expiring tokens, Instagram feeds have been frustrating to build and maintain. Joost has put together two helpful demos one simple and one advanced which should give you some ideas and help you get started. Styling the feed #Īll that’s left to do now is to introduce some styling to your feed. The advantage of using a partial is that you can now add your Instagram feed to any template without duplicating code. With your Hugo server running you should now see the latest 10 images from your Instagram displaying on whichever page or pages use the template you added the instafeed.html partial to. To keep things simple I’ve mirrored the key name for the variable name. Let’s take caption, media_type, and image_small and assign each key to their own variable within the range. You should see a bunch of JSON objects in an array. Now you’ll be able to see what you’re working with. Copy and paste the contents of the URL into JSON Prettier to format the JSON so it’s easier to read. If you head to this URL in a browser you’ll struggle to make sense of the content as it hasn’t been formatted. You can find this JSON file via following link: /images.json This is great if you want to add images one by one to your website, however if you’d like to create a feed of your content, then for this you’ll need to use the JSON object containing all your posts, which PPI Loader creates for you. PPI Loader has a stringent approach to privacy which should satisfy most, however if you’re concerned about sharing your data then make sure you do your own due diligence before using PPI Loader.Īssuming you’re happy to share your data wih PPI Loader – you’ve signed up and granted access to your Instagram account – you’ll now be able to find all your images hosted on the PPI Loader servers and accessible via the following link: / Sign up for an account at PPI Loader #įirst you’ll need to follow the getting started docs to sign up for a PPI Loader account.ĭuring this process you’ll need to grant PPI permission to access your Instagram account. Let’s look at the steps required to make it happen. In under 5 minutes you can have a lightweight GDPR compliant Instagram feed set up and working on a Hugo website. What’s nice about PPI loader is that it also creates a JSON object of all your data, so you can work with your data just as you would if you were using the Instagram API.įor those of us using Hugo to build websites this makes it very easy to create an Instagram feed using Hugo’s built in getJSON function. Depending on your circumstances you may need to sign a DPA (Data Processing Agreement), so be sure to read the FAQs to find out more.
INSTAFEED HOSTED DOWNLOAD
Instagram actually gives you the ability to download your data directly from the security settings in your Instagram account.
If you’re wondering whether this is allowed, the answer is yes.
To avoid the issue of GDPR, PPI Loader hosts your content on it’s own servers, meaning you never need to make a request to the Instagram API. When your token expires it will take care of the renewal for you. It does this on a daily basis, effectively creating a fresh feed of your content. Profile Page Images Loader or PPI Loader for short is a simple application that automates the process of downloading content from you instagram account. To combat this Joost has built a very slick solution which solves the problem of both expiring tokens and GDPR compliancy. In short, depending on your locality you run the risk of your feed content being blocked by certain browsers.Īs Joost Va der Schee points out in Instagram on your website, not only can you content be blocked but you also risk a potential fine. This raises concerns about privacy and GDPR compliancy. To fetch your content you’re still required to make calls to the Instagram API. It’s designed to play well with Steven Schobert’s Instafeed.js, which you’ll be familiar with if you’ve attempted to build an Instagram feed before.īut even this isn’t foolproof. To solve this problem Companion Studio made Instagram Token Agent, a clever little Heroku app that will keep your token up to date automatically.
However access is only temporary and your token will need to be renewed periodically, every 60 days. The set up involves authenticating with Facebook to get a long-lived access token which will give you access to a JSON file containing all the data associated with your images. Using Instagram’s API to build a feed of content on a website is often more effort than it’s worth.
0 kommentar(er)
