Embedding your Channel Listings


The Channel Listings Manager page provides you a way to grab your Embed Snippets which you desire to share. Each preference on this page has two modes of embedding:

  • Script Tag Embeds are customizable via CSS and are Invintus' reccomended approach when possible.
  • iFrame embeds are helpful if you are using a Content Management System (Sharepoint, CivicPlus, etc) that may not allow Script Tag embeds. 

Both embed methods have their benefits and drawbacks, so choose the one one that best suits your needs.

Script Tag

This option provides a DOM string that writes the necessary html code to pull up your listing, when inserted into your webpage.

Pros:

  • Limited issues with Network communication to our Public API to fetch data.
  • Deals with Height/Width constraints on your webpages gracefully

Cons:

  • Certain Content Management Systems will omit any "script" tags to be pasted into their content fields, in which case this option will not work.


iFrame Tag

The iFrame option provides a more standardized method to embed your channel listing from Invintus. By creating a child HTML Document at the position where embed code is placed snippet was placed, it ensures encapsulation of style and scope of the channel listing.

Pros:

  • Ensures embedding works where "script" tags are not allowed to be used and iframe tags are.

Cons:

  • Automatically adjusts its height if and only if script tags are allowed
  • Internal CSS styles cannot be overridden
  • May require statically set Height/Width dimensions
  • Cross Origin HTTP/S requests do occur when the server on which the page the application was embedded into is configured in unpredictable ways.