Embedded content

Posted on January 9, 2024

Content embedding allows for snippets of code (like HTML, javascript) to be easily added to a web page so that information from external sources can be viewed without leaving the website.

Embedded content types include <iframe>, <embed> and <object> with the iframe being the most commonly used.

Common embeds used on government websites include:

  • Newsletter sign-up forms
  • Videos
  • Maps
  • Social media feeds
  • Meetings/engagement tools

How ProudCity supports embedded content

ProudCity supports embedding with these page builder widgets:

  • Embed Document
  • Code or iframe embed
  • Facebook page embed
  • Twitter page embed

ProudCity recommendations

Because of the high likelihood of security, privacy, accessibility, mobility and general user experience issues, we recommend:

  • Using embedded content only when absolutely necessary.
  • Integrate when available. (current ProudCity integrations, including Mailchimp and Constant Contact)
  • Instead of an embed, provide an external link to the intended content.

Common embed issues

  • Security: No SSL certification (‘https’) in the URL source.
  • Accessibility: Improperly documented titles and document type.
  • Mobility: Not responsive and are difficult to view on mobile devices.
  • Performance: Longer page load times.
  • Privacy: Privacy browser plugins/add-ons (like ad blockers) may cause embeds not to display. This is commonly why one user may see the content and another may not.

Resolving embed issues

  • Report issues directly to the embed developer/vendor. Because they created the embed, all accessibility/mobility issues will need to be resolved by them.
  • Check the referral URL source and verify it includes ‘https’. If not, notify the embed provider they need to resolve the issue.
  • Disable or remove security or add-blocking browser add-ons.
  • Clear cookies and cache.

Related

Resources

Close window