Showing Instagram Posts with posts/reels/comments/likes icons

[sohail]

Hi @manish-sharma ,

I am trying to render Instagram posts in my builder section component which I am using in my pages.

I saw that the thumbnails are plain images. However my requirement is to show the comments, reels, likes and posts icons as shown in the image I added here.
can you tell me how can I achieve this and also the positioning of these icons?

[manish-sharma]

Hello @sohail,

Would you be able to help us with the builder content link where you are working on this?

[sohail]

Content Link

Model

I need to test only in Instagram Latest Posts v3 entry for testing.

[manish-sharma]

Hello @sohail,

It appears that the builder Instagram widget is not retrieving data such as likes count and comments count. As a result, using the builder API call for Instagram won’t provide that information. I suggest trying to directly access the Instagram graphql API and retrieve the data using the Instagram access token.

e.g.,

fetch(`https://graph.instagram.com/me/media?fields=id,caption,media_url,thumbnail_url,permalink,media_type,like_count,comments_count&access_token=YOUR_ACCESS_TOKEN`)
  .then(response => response.json())
  .then(data => {
    // Process the data
    console.log(data);
  })
  .catch(error => console.error('Error fetching Instagram data:', error));