![]() One way to get new followers is to embed your feed on your website. #Instafeed js caption how to#In this blog, I will explain how to do so in 2020.īy the way, if you want to read more about home automation, I would like to refer you to my other site hope to see you there soon. Why specifically in 2020? Has anything changed? The short answer: Yes, almost everything has changed. The long answer: About a year ago, Instagram posted a blog ith the statement that the way to get your Instagram feed embedded in your own website is going to change. These adjustments were originally scheduled to be implemented on March 2, 2020. However, Instagram decided to postpone the implementation until June 29, 2020. Since the 29th of June has passed, it is no longer possible to place your feed on your website in the old fashioned way. What now?Īccording to Facebook, you should now use the ‘Instagram Basic Display API’. For this you’ll need the following:Īfter you have taken care of the matter above, we can start with implementing. To place your feed on your website you will need an access token. Many people think that it is only possible to do so after you have put the application live within the Facebook Developers Portal (which is quite difficult since you then have to wait for approval from Facebook), but it can be done much simpler. Create a Facebook test app for your applicationĭo you already have a Facebook application? Then you can skip this step and navigate to your application.These are the steps we need to take to make this happen: You can also make use of a Facebook test application. If you don’t have a Facebook application yet go to My applications within the Facebook developers dashboard. Here you can create an application by clicking on ‘Create new app’ and select ‘Manage Business Integrations’. Name your app - however you want - and navigate to it. Create a Test appĬreate a Facebook test app within your current application by clicking on ‘Create Test App’ and give a name to your test application. Setting up the Instagram Basic Display is quite easy. #Instafeed js caption plus#Press the plus sign and select ‘Instagram Basic Display’. Scroll down the Instagram Basic Display page until you reach ‘User Token Generator’. Here you have the option to add test users and generate tokens for them. Then add a test user by clicking on ‘Add Instagram Testers’. Make sure to select the account from which you want to load the feed. Then go to the Instagram page 'Apps en websites' and accept the invitation. From now on you can generate tokens for your test account. Go back to the ‘Instagram Basic Display’ page and scroll back down to ‘User Token Generator’. Behind this test user is a button to get a token. This token is approximately 170 characters long. You can use a token for 60 days before you have to create a new one. media_type: Show whether it is a photo or a dia_url: The link you can use as href in your.This link returns your feed with the following properties per media item: You can easily do this with an request to the following URL: &fields=media_url,media_type,caption, In 'my next blog', I will explain how you can automatically refresh this token by means of a script. You are now able to place your Instagram photos on your site, for example by using JavaScript. In the next chapter, I will explain how you can do this with VueJS. I will explain exactly how Vue components work and how you can make the best use of them in another blog.įor now, it is important to place this file as InstaFeed.vue in your component folder.Īfter adding this component you can use it in your views as follows: To keep the website structured, I chose to create a Vue Component. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |