Skip to content
Ion Academy
Embed

Embedding Creative Content: Enhancing User Experience on External Websites

After a creative is live on an Ion URL, you can copy the current embed code from that URL and place the experience on a third-party site.

Copy the code

  1. Open the campaign and select the live URL.
  2. Select Embed Code beside the URL.
  3. Optionally enter an Embed Title. Use a short description of the embedded experience so assistive technologies can identify its purpose.
  4. Choose Pop-up to display the experience over the host page, or On-page to display it inside the host page content.
  5. For an on-page embed, decide whether Ion should count a visitor only when the embedded content becomes visible.
  6. Select the corresponding copy button and paste the generated code into the host page.
Current Ion URL page and Embed Code button
Current Embed code dialog for Pop-up and On-page embeds

Verify before launch

  • Use the final HTTPS host page, not only a local HTML file.
  • Test at desktop, tablet, and mobile widths.
  • Confirm forms, conversions, consent, analytics, and external links.
  • Check keyboard focus and the accessible embed title.
  • If the host page uses a strict Content Security Policy, allow the exact Ion resources referenced by the generated code.
Share this:

Ion Interactive is a powerful and scalable platform to create interactive content at scale and launch code-free quizzes, calculators, assessments, infographics, landing pages, and other interactive formats in just a few hours.