Carousel

Customize Carousel behavior

Append parameters to video carousel slide click-through's

You can append parameters to click-through links by adding the following parameters (carouselUtmParams) to your video carousel embed code:

Example:

$bp("Brid_83921200", {"id":"<YOUR PLAYER ID>","width":"480","height":"270","carousel":"<YOUR CAROUSEL ID>",
        "carouselUtmParams" : {
        "1": "utm_source=....&utm_medium=....&utm_campaign=...",
        "2": "utm_source=....&utm_medium=....&utm_campaign=...",
        "3": "utm_source=....&utm_medium=....&utm_campaign=...",
        "4": "utm_source=....&utm_medium=....&utm_campaign=...",
        "5": "utm_source=....&utm_medium=....&utm_campaign=..."
        }});

📘

Tip

This can be very useful if you want to do custom Google Analytics tracking of your click-through's and other.

Customize the "Read more" CTA button

See example below on how you can easily customize the "Read more" CTA button via some custom configuration parameters:

Example:

$bp("Brid_83921200", {"id":"<YOUR PLAYER ID>","width":"480","height":"270","carousel":"<YOUR CAROUSEL ID>",
    "carouselReadMore": {
    "width": '150px',
    "bgColor": 'blue',
    "fontColor": "yellow",
    "fontSize": "18px",
    "fontFamily": "monospace",
    "animation": false
    }});
Param nameExample valueDescription
width150pxSet a custom width for read more button
bgColorblueSet a custom background colour for the read more button
fontColoryellowSet a custom font colour for the read more button text
fontSize18pxSet a custom font size for the read more button text
fontFamilymonospaceSet a custom font for the read more button text
animationtrue/falseEnable/disable animation for the read more CTA button

Set video/slides to be clickable when player controls are enabled for carousels

Add the "clickablePlayer" parameter to your embed code to add support for click-throughs. Valid values are true/false. Default behavior is false.

Example:

$bp("Brid_83921200", {
    "id":"<YOUR PLAYER ID>",
    "width":"480",
    "height":"270",
    "carousel":"<YOUR CAROUSEL ID>",
    "clickablePlayer": true
});

Did this page help you?