{"id":308,"date":"2024-11-27T11:21:25","date_gmt":"2024-11-27T16:21:25","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/pbtips\/?post_type=chapter&#038;p=308"},"modified":"2024-11-27T15:04:01","modified_gmt":"2024-11-27T20:04:01","slug":"embedding-an-instagram-post-in-your-chapter","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/pbtips\/chapter\/embedding-an-instagram-post-in-your-chapter\/","title":{"raw":"Embedding an Instagram Post in Your Chapter","rendered":"Embedding an Instagram Post in Your Chapter"},"content":{"raw":"By embedding posts directly, you can share relevant updates, images, or videos from Instagram seamlessly within your text, without having to link out.\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Resources<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nTo learn more about H5P in Pressbooks, review the following guide:\r\n<ul>\r\n \t<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/create-interactive-content-with-h5p\/\">Pressbooks User Guide - Create Interactive Content with H5P<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<h2>Issue<\/h2>\r\nInstagram posts cannot be directly embedded into a Pressbooks chapter using standard methods. If you copy the embed code provided by Instagram and paste it into a Pressbooks chapter, the code will be stripped out, and the post will not display.\r\n<h2>Solution<\/h2>\r\nInstagram posts can be embedded directly into a Pressbooks chapter using the H5P iframe embedder option. Follow these steps to integrate an Instagram post seamlessly:\r\n<ol>\r\n \t<li>In your Pressbooks dashboard, go to the <strong>H5P Content<\/strong> tab and click <strong>Add New<\/strong>.<\/li>\r\n \t<li>Select <strong>Iframe Embedder<\/strong> as the content type. If you have not used it before, you may need to search for it in the H5P content type library and click <strong>Get<\/strong> to install it.<\/li>\r\n \t<li>Copy the URL of the Instagram post you want to embed. Edit the URL by removing the user name and adding \u201c\/embed\u201d to the end. For example:\r\n<strong>Original:<\/strong> https:\/\/www.instagram.com\/ubclibrary\/p\/Cw3loO7uYL7\/\r\n<strong>Modified:<\/strong> https:\/\/www.instagram.com\/p\/Cw3loO7uYL7\/<span style=\"color: #ff0000\">embed\/<\/span><\/li>\r\n \t<li>Paste the modified Instagram URL into the <strong>Source URL<\/strong> field.<\/li>\r\n \t<li>Make sure <strong>Resize supported <\/strong>is selected<\/li>\r\n \t<li>Click <strong>Create<\/strong> to save your H5P<\/li>\r\n \t<li>To add your H5P to the chapter, place your cursor where you want the H5P to appear and click the <strong>Add H5P<\/strong> button (next to the Add Media button) and save your work.<\/li>\r\n \t<li>Preview the chapter to ensure the H5P is displaying correctly.<\/li>\r\n<\/ol>\r\n<img class=\"aligncenter size-full wp-image-313\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2024\/11\/PBTips_InstagramEmbed.png\" alt=\"\" width=\"508\" height=\"769\" \/>\r\n\r\n&nbsp;\r\n\r\n<code>[h5p id=\"2\"]<\/code>\r\n\r\n&nbsp;\r\n\r\n&nbsp;","rendered":"<p>By embedding posts directly, you can share relevant updates, images, or videos from Instagram seamlessly within your text, without having to link out.<\/p>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Resources<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>To learn more about H5P in Pressbooks, review the following guide:<\/p>\n<ul>\n<li><a href=\"https:\/\/guide.pressbooks.com\/chapter\/create-interactive-content-with-h5p\/\">Pressbooks User Guide &#8211; Create Interactive Content with H5P<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h2>Issue<\/h2>\n<p>Instagram posts cannot be directly embedded into a Pressbooks chapter using standard methods. If you copy the embed code provided by Instagram and paste it into a Pressbooks chapter, the code will be stripped out, and the post will not display.<\/p>\n<h2>Solution<\/h2>\n<p>Instagram posts can be embedded directly into a Pressbooks chapter using the H5P iframe embedder option. Follow these steps to integrate an Instagram post seamlessly:<\/p>\n<ol>\n<li>In your Pressbooks dashboard, go to the <strong>H5P Content<\/strong> tab and click <strong>Add New<\/strong>.<\/li>\n<li>Select <strong>Iframe Embedder<\/strong> as the content type. If you have not used it before, you may need to search for it in the H5P content type library and click <strong>Get<\/strong> to install it.<\/li>\n<li>Copy the URL of the Instagram post you want to embed. Edit the URL by removing the user name and adding \u201c\/embed\u201d to the end. For example:<br \/>\n<strong>Original:<\/strong> https:\/\/www.instagram.com\/ubclibrary\/p\/Cw3loO7uYL7\/<br \/>\n<strong>Modified:<\/strong> https:\/\/www.instagram.com\/p\/Cw3loO7uYL7\/<span style=\"color: #ff0000\">embed\/<\/span><\/li>\n<li>Paste the modified Instagram URL into the <strong>Source URL<\/strong> field.<\/li>\n<li>Make sure <strong>Resize supported <\/strong>is selected<\/li>\n<li>Click <strong>Create<\/strong> to save your H5P<\/li>\n<li>To add your H5P to the chapter, place your cursor where you want the H5P to appear and click the <strong>Add H5P<\/strong> button (next to the Add Media button) and save your work.<\/li>\n<li>Preview the chapter to ensure the H5P is displaying correctly.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-313\" src=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2024\/11\/PBTips_InstagramEmbed.png\" alt=\"\" width=\"508\" height=\"769\" srcset=\"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2024\/11\/PBTips_InstagramEmbed.png 508w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2024\/11\/PBTips_InstagramEmbed-198x300.png 198w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2024\/11\/PBTips_InstagramEmbed-65x98.png 65w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2024\/11\/PBTips_InstagramEmbed-225x341.png 225w, https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-content\/uploads\/sites\/1918\/2024\/11\/PBTips_InstagramEmbed-350x530.png 350w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><code><\/p>\n<div id=\"h5p-2\">\n<div class=\"h5p-content\" data-content-id=\"2\"><\/div>\n<\/div>\n<p><\/code><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1076,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-308","chapter","type-chapter","status-publish","hentry"],"part":270,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/users\/1076"}],"version-history":[{"count":4,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/308\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/308\/revisions\/314"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/parts\/270"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapters\/308\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/media?parent=308"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/pressbooks\/v2\/chapter-type?post=308"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/contributor?post=308"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/pbtips\/wp-json\/wp\/v2\/license?post=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}