How do I embed a live Instagram feed to a webpage rather than individual posts? - html

I am aware that I can embed individual Instagram posts to my website in HTML, but I want to embed a live feed consisting of the five most recent posts which update along with the profile in real-time.
For those who want to know why: I want this feature to be part of the "Photoblog" page of my site without having to have visitors navigate away.
How can this be done?

The best way would be to use their API.
You have this endpoint: https://www.instagram.com/USERNAME/media/ where you don't need any token.
It gives you the last 20 posts.
Then you just display that on your site :)

Related

Facebook Graph API - all account pages + posts data

I'm having an issue trying to write the correct GET request using the Facebook API explorer tool.
I'd like to access all my Facebook pages and the below data from their respective posts. I can achieve this by adding the page name manually, but I'd like it to be more dynamic if I was to add more pages in the future.
posts?ids=Pagename,Pagename,Pagename,Pagename&fields=message,created_time,full_picture,shares,likes.summary(true).limit(0),comments.summary(true).limit(0),from,permalink_url
I know you can use me/accounts but I've had no luck when trying the append the above posts GET request.
Furthermore, I'd like to get the page profile picture from the posts. Just adding picture to the above request doesn't work. Since the profile picture is displayed in each post I'd imagine there is a key to access it?
Any help is appreciated.
I discovered the answer after I reread the documentation
https://graph.facebook.com/v7.0/me/accounts?fields=picture,posts{message,created_time,full_picture,shares,likes.summary(true).limit(0),comments.summary(true).limit(0),from,permalink_url}
All attached accounts profile picture + above data.

Embed the latest post from instagram to my website

I am trying to find a way how to embed and show always the latest instagram post from my instagram profile on my website (e.g.iframe). Is there a way to do it?
I found the way how to show specific post only (not the latest post automatically).
https://www.instagram.com/developer/endpoints/users/#get_users_media_recent_self
Get you api by logging into instagram.
Call the api from where you want the image to be displayed

Any way to get json of the facebook page in 2019?

I'm trying to make parser from facebook page posts to Squarespace blog posts. I already did it for Instagram but I need json file of the Facebook page.
I need something similar as I have for inst (https://api.instagram.com/v1/users/[USER-ID]/media/recent?access_token=[TOKEN]);
I found few articles how to do it but all of them was made before the facebook’s massive data leak and after that they have made many changes to their app’s permissions and imposed many other rules.
https://developers.facebook.com/docs/graph-api/reference/page/feed/
You need a Page Token of the Page if you own the Page
You need Page Public Content Access approved by Facebook for Pages you do not own
Since you tagged the question with the JS SDK: Make sure not to use hardcoded Access Token on the client! They are always meant to be kept secret.

Instagram, get JSON feed for cetain hashtag without using API

I am creating a personal app and I am having some trouble. I have tried using the Instagram API to get a JSON feed of images by hashtag (any image insta, not just images on my profile).
My issue with the API is that i cannot seem to search public images without having my app in live mode. i keep getting a 400 unauthorized access_token error, even though i do have a valid access token.
I cannot put my app in live mode because insta require a privacy policy url and a company name and I am not a company. I am an independent dev making a personal app.
Whilst searching through stack overflow i cam across this url:
https://www.instagram.com/bikerpicgirl/media/
This allows me to get images by user without the API. I am wondering if anyone knows a similar url where i can get a feed like this but for hashtags instead of users.
I could just make a scraper that mimics the search process but this seems way to overkill and is alot of effort for something that should be so simple.
Yes, you can explore Instagram media by hashtags with this url format:
/explore/tags/your-tag/
for example if hashtag is #amsterdam your url would look something like this:
https://www.instagram.com/explore/tags/amsterdam/
As Jon Goodwin mentioned in the comment this example link is subject to change and may not work in the future.

Why does Facebook's Open Graph protocol require an fb:admins or fb:app_id .. and what is the importance of this property?

I'm playing around with adding some Facebook Open Graph meta tags to my web site, to help with Facebook sharing of my website content.
One of the tags is this:
fb:admins or fb:app_id
A comma-separated list of either Facebook user IDs or a Facebook
Platform application ID that administers this page. It is valid to
include both fb:admins and fb:app_id on your page.
Questions:
What is the importance of this property?
Administers what page?
Why do we need to administer some page?
I already answered on Facebook Dev Forum :
As described here : http://developers.facebook.com/docs/opengraph/
Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user
Without this property you'll loose admin right on the Open Graph Facebook Page
Yep, when users likes your website's page, it'll generate an Open Graph Facebook Page :
When users will try to go on it (by cliking on publications, or searching), it will redirect to your website's page.
To publish status updates to users news feed, create events, or add pictures related to this page.
Also, having admins or an app_id means that the insights for that web page will show when you are logged in as that user, or looking at that app's insights. It is important to link everything together properly so you get a full overview of your interactions and users etc.