Banner
HTML or image banner
Overview
The banner renders content that fills its container and will display any terms for the corresponding promotional content, and a clickable bonus code .
// custom defined tag
<bam-banner
property-id="1"
placement-id="1"
context="context">
</bam-banner>
Image Banner (deprecated)
If needed you can render an image based banner by including this attribute in the tag:
image-banner="true” . This tells the snippet to use the older image based version of the banner. Make sure you have confirmed that images have been loaded for this placement otherwise the banner will not work as intended.
The banner renders one of two images, depending on the width of its parent container. It will change images at 800px . The image is optimally served with a srcSet, so the full size will not be requested at smaller screen sizes. If multiple promotions are returned, the banner will rotate through promotions by default. Pass the prop rotate="false" to prevent this behavior.
Below 800px - dimensions 1000px x 400px or 2.5:1 aspect ratio
Above 800px - dimensions 3200px x 280px or 11.4:1 aspect ratio
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
age | age | number | undefined | |
callback | -- | You cannot pass this parameter via an attribute. You must set the callback function after the DOM has loaded. | () => void | this.defaultCallback |
context | context | (required) | string | undefined |
ctaType | cta-type | string | undefined | |
defer | defer | boolean | undefined | |
devMode | dev-mode | boolean | false | |
deviceType | device-type | "android" | "desktop" | "ios" | "mobile" | undefined | |
gameId | game-id | number | undefined | |
hideUnderage | hide-underage | boolean | false | |
imageBanner | image-banner | boolean | false | |
isBetsyncUser | is-betsync-user | boolean | undefined | |
isLoggedIn | is-logged-in | boolean | undefined | |
isMobile | is-mobile | boolean | undefined | |
league | league | string | undefined | |
location | location | string | undefined | |
pageSlug | page-slug | string | undefined | |
placementId | placement-id | (required) | number | undefined |
propertyId | property-id | (required) | number | undefined |
rotate | rotate | boolean | true | |
rotateTime | rotate-time | number | DEFAULT_ROTATE_TIME | |
sponsorSlug | sponsor-slug | string | undefined | |
subdivision | subdivision | number | undefined | |
subscriptionTier | subscription-tier | 0 | 1 | 2 | 3 | undefined | |
terms | terms | "affiliate" | "geo" | 'geo' | |
userParentBookIds | user-parent-book-ids | string | undefined | |
wasPro | was-pro | boolean | undefined |