JSFiddle - React, Tailwind, and code Playground

by scurrilus

HTML

<div id="embed-container">
Hallo Welt
</div>

JavaScript

async function getFacebookOEmbed(postUrl) {
  const accessToken = '1650819678556421|iIjhMF7cOqGsPneuy_Afd1OGJgE'; // Hole den Token von der Facebook Developer Plattform
  const oEmbedUrl = `https://graph.facebook.com/v17.0/oembed_post?url=${encodeURIComponent(postUrl)}&access_token=${accessToken}`;

  try {
    const response = await fetch(oEmbedUrl);
    const data = await response.json();

    if (response.ok) {
      console.log('oEmbed data:', data);
      // Hier kannst du das Ergebnis im DOM einfĂĽgen oder verarbeiten
      document.getElementById('embed-container').innerHTML = data.html;
    } else {
      console.error('Facebook API Error:', data.error.message);
    }
  } catch (error) {
    console.error('Error fetching oEmbed data:', error);
  }
}

// Beispielaufruf
getFacebookOEmbed('https://www.facebook.com/DasNeustadteis/posts/pfbid02Zf9FWz9Tubd89F22nRpuqNcao4Yp8Zj3DZUnwneUccqTooKMVW9rrXwRMZCtjwX3l');