{"id":3123,"date":"2023-04-17T19:31:42","date_gmt":"2023-04-17T19:31:42","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/embedding-content-best-practices\/"},"modified":"2026-07-17T13:39:08","modified_gmt":"2026-07-17T13:39:08","slug":"embedding-content-best-practices","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/embedding-content-best-practices\/","title":{"rendered":"Embedding Content: Best Practices"},"content":{"rendered":"<p>Embedding places an Ion experience inside a page hosted by another site. The current URL-level Embed code dialog supports two delivery modes: <strong>Pop-up<\/strong>, which displays over the host page, and <strong>On-page<\/strong>, which displays within the host page content.<\/p>\n<h2>Prepare the Ion URL<\/h2>\n<ul>\n<li>Use a live Ion creative assigned to the intended HTTPS URL.<\/li>\n<li>Confirm that the creative\u2019s responsive layouts work at the width available on the host page.<\/li>\n<li>Use <strong>Hide when embedded<\/strong> for navigation or other elements that should appear only on the standalone Ion URL.<\/li>\n<li>Test conversion, integrations, consent, analytics, and external links in an environment that matches the final host page.<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/embed-url-current.png\" alt=\"Current Ion URL page with the Embed Code button\" \/><\/figure>\n<h2>Choose the embed mode<\/h2>\n<p>On the URL page, select <strong>Embed Code<\/strong>. Add an optional descriptive embed title for assistive technologies. If no title is provided, Ion uses the first creative\u2019s title.<\/p>\n<p>Choose <strong>Pop-up<\/strong> for overlays or sticky bars. Choose <strong>On-page<\/strong> for an experience that belongs in the page flow. For on-page embeds, the option to count a visitor only after the content becomes visible can keep off-screen embeds from being counted too early.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/embed-code-dialog-current.png\" alt=\"Current Ion Embed code dialog with Pop-up and On-page options\" \/><\/figure>\n<h2>Host-page best practices<\/h2>\n<ul>\n<li>Paste the generated code exactly once for that placement, and do not load duplicate copies of the same supporting script.<\/li>\n<li>Allow enough width and stacking order for dialogs, dropdowns, and validation messages.<\/li>\n<li>Avoid placing the embed inside a container that clips overflow unless that behavior is intentional.<\/li>\n<li>Confirm the host site\u2019s Content Security Policy, cookie consent, and script restrictions allow the generated Ion resources.<\/li>\n<li>Test keyboard navigation, focus movement, mobile rotation, and screen-reader naming on the finished host page.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Embedding places an Ion experience inside a page hosted by another site. The current URL-level Embed code dialog supports two delivery modes: Pop-up, which displays over the host page, and On-page, which displays within [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":6034,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2095,43],"tags":[2091,2294],"class_list":["post-3123","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-embed","category-the-publishing","tag-best-practices","tag-embed"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=3123"}],"version-history":[{"count":4,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3123\/revisions"}],"predecessor-version":[{"id":7795,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3123\/revisions\/7795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/6034"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=3123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=3123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=3123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}