Vue installation (ReactionSDK)

Install reaction-video, configure ReactionSDK overlays (tap, poll, rating, slider, and CTA), then view analytics. Overlays are not the same as ReactifySDK recorded reaction video.

ReactifySDK thread / reaction recording embeds: ReactifySDK HTML / Vue patterns.

1) Install SDK

ReactionSDK

npm install @reactionsaas/reaction-sdk

2) Embed video

Minimal

<template>
  <reaction-video src="https://yourcdn.com/video.mp4"></reaction-video>
</template>

3) Configure overlays

Full attributes

<template>
  <reaction-video
    src="https://yourcdn.com/video.mp4"
    overlays="tap,poll,rating,slider,cta"
    poll-question="Which style do you prefer?"
    cta-text="Buy Now"
    overlay-position="bottom-center"
    interaction-type="tap"
  ></reaction-video>
</template>

Run in Playground

<reaction-video src="video.mp4" overlays="tap,poll,rating,slider,cta" cta-text="Learn more" interaction-type="slider"></reaction-video>

Try this config in the Playground.

4) View analytics dashboard

Open the dashboard to see impressions, interactions, and engagement analytics.

Open Dashboard Back to Playground