|    Help Center

SmartFrame embed code structure

Here is an example of a SmartFrame embed code, which consists of an HTML <script> tag, <smart-frame-embed> tag and a comment with a link to embedding support page:

<script async src="https://embed.smartframe.io/7d0b78d6f830c45ae5fcb6734143ff0d.js"></script>
<smart-frame-embed 
customer-id="7d0b78d6f830c45ae5fcb6734143ff0d" 
image-id="imgp7068_3_copy_1676383547359" 
theme="standard" 
style="width: 100%; display: inline-flex; aspect-ratio: 6768/4517; max-width: 6768px;">
</smart-frame-embed>
<!-- https://smartframe.io/embedding-support -->

<script> tag attributes:

  • async
  • src

<smart-frame-embed> tag attributes:

  • customer-id
  • image-id
  • theme
  • style
Note:

It’s essential that the CMS allows the <script> and <smart-frame-embed> tags and their attributes to be added to the page source code so they can be evaluated and rendered by the browser.

 

The SmartFrame Guide to In-Image Advertising

Fill in your details to download this document.

The SmartFrame Guide to the Attention Economy

Fill in your details to download this document.

The Rise of Contextual Targeting in a Cookieless World

Fill in your details to download this document.

Contextual Targeting - Myths and Facts

Fill in your details to download this document.

The SmartFrame Guide
to In-Image Advertising

Fill in your details to download this document.

The SmartFrame Guide
to In-Image Advertising

Fill in your details to download this document.