WebCMS Posted September 9, 2023 Posted September 9, 2023 ACP lists 24 sites from which links can be embedded including Instagram which doesn't work - see below (it should embed and be playable right here): https://www.instagram.com/reel/Cs4Gc1kgolN Please advise...
Marc Posted September 11, 2023 Posted September 11, 2023 While you can embed links from instagram in terms of images, if facebooks embed service is set up, it will not embed reels unfortunately.
WebCMS Posted September 12, 2023 Author Posted September 12, 2023 (edited) Prolly, you made a typo and I could not understand what you said. "if facebooks embed service is set up, it will not embed reels unfortunately." Please clarify... I see that Facebook links have the same issue - https://www.facebook.com/colm.cahill.77/videos/1017591468687131 Instagram links are shared more than Facebook links and is very important. It would be great if you can get these embedding woking so they can be played right in the post/comment. YouTube and Twitter embed fine. Edited September 12, 2023 by WebCMS
Marc Posted September 12, 2023 Posted September 12, 2023 Have you set up the embed service on your facebook application first of all? Please do bear in mind that business verification is required for that (as per facebook rather than ourselves).
WebCMS Posted September 12, 2023 Author Posted September 12, 2023 Haven't created a FB app yet. If embed service is set up on FB app, will it embed FB and Insta reels on the post itself (or not)?
Jim M Posted September 12, 2023 Posted September 12, 2023 If you setup an app and get approved by Facebook, only images will embed, not reels.
WebCMS Posted September 14, 2023 Author Posted September 14, 2023 I'm not sure but asked ChatGPT for JavaScript embed code IG reels like this - will I be able to use this code in any way? Does Facebook embed videos have the same issue? It would be great if these work as many users ask for embedded content to play on-page for better UX. To embed an Instagram reel using JavaScript, you can dynamically generate the necessary HTML code and insert it into your webpage's DOM (Document Object Model). Here's a step-by-step guide on how to do this: Create an HTML Container: Start by adding an empty HTML container element (e.g., a <div>) to your webpage where you want the Instagram reel to appear. Give this container an id attribute so you can target it with JavaScript. <div id="instagramReelContainer"></div> Write JavaScript Code: Now, you'll need to write JavaScript code to fetch the Instagram embed code and insert it into the container. You can use the Instagram API or the oEmbed API for this purpose. In this example, we'll use the oEmbed API, which doesn't require authentication. <script> // Replace 'YOUR_INSTAGRAM_REEL_URL' with the URL of the Instagram reel you want to embed. const instagramReelURL = 'https://www.instagram.com/p/your_instagram_reel_url/'; // Make a request to the Instagram oEmbed API. fetch(`https://api.instagram.com/oembed/?url=${encodeURIComponent(instagramReelURL)}`) .then((response) => response.json()) .then((data) => { // Extract the HTML code from the response. const instagramEmbedCode = data.html; // Get the container element by its ID. const container = document.getElementById('instagramReelContainer'); // Insert the Instagram embed code into the container. container.innerHTML = instagramEmbedCode; }) .catch((error) => { console.error('Error fetching Instagram data:', error); }); </script> Replace 'YOUR_INSTAGRAM_REEL_URL': In the JavaScript code above, replace 'YOUR_INSTAGRAM_REEL_URL' with the actual URL of the Instagram reel you want to embed. Include the JavaScript: Make sure to include this JavaScript code in the <script> tags within the <head> or before the closing </body> tag of your HTML document. Test Your Page: Load your HTML page in a web browser, and the Instagram reel should be embedded within the designated container.
Marc Posted September 14, 2023 Posted September 14, 2023 Videos I believe will. Its just reels that dont at present. Whether or not you can integrate something like the above would depend on your own development knowledge. We can only advise on what the current suite is capable of. The reality is, that integrating with Facebook is getting harder and harder, unfortunately. In order to integrate successfully, you will need to ensure you get business verification, as previously mentioned
Recommended Posts