- Put the following script tag near the top of the
<head>tag and before any other script or CSS tags.
<script async src="https://assets.streamshop.com.br/sdk-ads/liveshop-ads-video.min.js"></script>
- Place our html tag
<liveshop-ads-video>in your<body>tag where you wish.
<liveshop-ads-video slug-video="ABCDEF"></liveshop-ads-video>
You can get your slug-video in your store in StreamShop Dashboard
🎉 That's it! 🎉
Take a look at the attributes below to customize your experience with our SDK:
| Property | Type | Required | Details |
|---|---|---|---|
| slug-video | string | ✅ | Sets the slug of your video ads |
| width | string | ❌ | Sets the horizontal width (default: "100%") |
| height | string | ❌ | Sets the vertical height (default: "100%") |
| quality | 'lq' | 'mq' | 'hq' | ❌ | Sets the quality of your video cover |
| theme | 'light; | 'dark' | ❌ | Sets the theme (default: 'light') |
| hml | boolean | ❌ | Sets if it's hml environment (default: false) |
| border-radius | string | ❌ | Sets the video border radius (default: 16px) |
| aspect-ratio | '9/16' : '16/9' | ❌ | Sets the video aspect-ratio (default: 9/16) |
| use-post-message | boolean | ❌ | Set it true if you want to track StreamShop events outside application (default: false) |
| skip-terms | boolean | ❌ | Set it true if you want to hide the terms and conditions bottom sheet (default: false) |
| use-legacy-overlay | boolean | ❌ | Set it true if you want to use legacy overlay. Not recommended (default: false) |
| show-logo | boolean | ❌ | Determines whether logo sampling should be enabled. By default, this setting is false. |