iFrame Block

Use

The iFrame block allows any website or subsection of a website to be displayed in a SAM. 

(page from boston.com)

Settings

The settings view of the block allows for all parameters to be entered. 

Block Preview

Block Preview displays the block as it will appear in the SAM

Code

Code displays how the JSON is written as an additional view for programmers.

URL

This field is the URL of the page to be displayed in the Block. Because there is additional security when dealing with iFrames the following URL rules apply:

• https:// is the preferred format due to security and the better SEO value.
• If linking to any page on a domain with an https://, (homepage) all pages must start with https://

Two other issues that may arise when using the iFrame Block are:

1. The website being iFramed does not allow cross-domain linking. This is a CORS issue. This is addressed in this Troubleshooting Doc. 
2. The page does not look right when opened in the SAM. This usually is the case for a website that does not adhere to responsive design.  A quick check for this is to use a responsive check tool such as this one. 

Minimum Height

The minimum height of the block containing the iFramed page can be defined by:

• Auto: system automatically sets the minimum height
• px: User-defined value in pixels
• %: Sets the block to be a percentage of the full SAM

Height

The height of the block containing the iFramed page can be defined by:

• Auto: system automatically sets the maximum height based on the size of SAM as displayed
• px: User-defined value in pixels
• %: Sets the block to be a percentage of the full SAM when opened without needing to scroll. Ex: If you had two blocks each at 50%, each block would take up 50% of the open SAM in the available display. 

A good starting point for an iFrame is:

• Minimum Height: px = 850
• Height = auto

Padding

Padding allows for the content to be manipulated within its block on all sides by entering a percentage or pixel value.