To intercept and handle these custom events, customers can utilize the window.addEventListener method. Below is an example of how to listen for these events:

Code Block Example
window.addEventListener('videowiseVideoClick', event => {
	// Your code here
})
Code Block Example
window.addEventListener('videowiseVideoClick', event => {
	console.log('videowiseVideoClick executed')
	console.log(event.detail) // return Data from event
})

Events

videowiseProductAddToCart

Triggered when a user adds a product to the cart.

  • productName
  • productId
  • variantId
  • qty
  • price
  • currencyCode
  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseVideoClick

Triggered when a user clicks on a video.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseVideoStart

Triggered when a video played more than 3 seconds.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseVideoFull

Triggered when played more than 80% of the video.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseVideoSwipe

Triggered when a user swipes a video.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowisePlayerClose

Triggered when a user closes the player.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseVideoSoundOn

Triggered when a user turns on the sound of the video.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseVideoSoundOff

Triggered when a user turns off the sound of the video.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseProductClick

Triggered when a user clicks on a shoppable product.

  • productId
  • productName
  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseProductBuyNow

Triggered when a user clicks on the buy now button of a shoppable product.

  • productId
  • productName
  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseVideoBounce

Triggered when a user close/swipe the video without playing it, noted video played less than 3 seconds.

  • videoTitle
  • videoId
  • widgetId
  • deviceType
  • url

videowiseDataReady

Triggered after the call to the api to get the widgets data

  • widgetIds
  • deviceType
  • url

VideowiseCampaignReady

Triggered after campaign rendered

  • campaignId
  • deviceType
  • url

VideowiseCampaignCheckout

Triggered before redirecting the user to the Shopify checkout page

  • campaignId
  • deviceType
  • url
  • items [array]
    • productName
    • productId
    • qty
    • price
    • currencyCode