Reviewer Test: Instagram oEmbed

⚠ī¸ Demo Mode - Mock Data

For Meta App Reviewers: This demo uses mock oEmbed data because our app is currently pending approval for the "Meta oEmbed Read" permission.

This demonstrates our intended implementation and user experience. Once the Meta oEmbed Read permission is approved, this exact interface will fetch live data from the Meta Graph API endpoint shown in the code below.

Current Status: API calls return Error #10 (permission required) - see implementation code below for the exact API integration that will be activated upon approval.

This demo lets Meta reviewers verify our oEmbed integration. Paste a public Instagram or Facebook post URL or use the sample buttons below. Currently displaying mock embed data for demonstration purposes.

Implementation Code (Ready for Activation)

// Production API call (will be activated once Meta oEmbed Read is approved):
const response = await fetch(
  `https://graph.facebook.com/v23.0/instagram_oembed?url=${encodeURIComponent(instagramUrl)}&access_token=${APP_ID}|${APP_SECRET}`
);
const oembedData = await response.json();
// Display oembedData.html in the page

How This Will Work (Post-Approval)

  1. User pastes a public Instagram or Facebook post URL
  2. Our server calls Meta Graph API's instagram_oembed endpoint with our approved App Access Token
  3. Meta returns oEmbed HTML with embed code
  4. We display the embed on our website (as shown in the mock demo below)
  5. Instagram's embed.js script renders the full interactive post

Use Case: We aggregate viral Instagram content for our users. Instead of storing expired media URLs, we store Instagram post URLs and use oEmbed to dynamically display the content from Instagram's CDN. This ensures content is always current and respects Instagram's terms of service.