Recommend Overlay

Show an overlay with recommended promotions

Overview

This component will fill the screen with a blur effect and show up to 4 recommended operators based on the placement and property ids. The “Casino Review” button links are controlled by using the review-context within the Switchboard links.

If a user clicks outside of the main component or clicks the X in the corner, the overlay will disappear and they can navigate the page normally.

The background of the overlay component can be controlled by the CSS variable: --bam-color-recommend-background

<bam-recommend
property-id="1" placement-id="1" context="casino-review-page">
</bam-recommend>

Properties

Property	Attribute	Description	Type	Default
affiliate	affiliate		string	undefined
affiliateType	affiliate-type		string	undefined
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
initialValue	initial-value		string	''
internalId	internal-id		string	undefined
isBetsyncUser	is-betsync-user		boolean	undefined
isMobile	is-mobile		boolean	undefined
league	league		string	undefined
location	location		string	undefined
mainText	main-text		string	"We currently don't recommend this operator."
moduleTitle	module-title		string	undefined
pageSlug	page-slug		string	undefined
placementId	placement-id	(required)	number	undefined
propertyId	property-id	(required)	number	undefined
reviewButtonText	review-button-text		string	'Casino Review'
reviewContext	review-context		string	'review-link'
subText	sub-text		string	'You should not play at this operator. Here are some better ones we recommend instead.'
subdivision	subdivision		number	undefined
subscriptionTier	subscription-tier		0 | 1 | 2 | 3	undefined
underline	underline		boolean	false
wasPro	was-pro		boolean	undefined