React installation (ReactionSDK)

Install reaction-video and configure ReactionSDK overlays (tap, poll, rating, slider, and CTA)—not visitors recording reaction videos. Then view analytics in the dashboard.

For ReactifySDK (recorded reaction video, threads), see ReactifySDK React installation.

1) Install SDK

ReactionSDK

npm install @reactionsaas/reaction-sdk

2) Embed video

Minimal

export function Video() {
  return (
    <reaction-video src="https://yourcdn.com/video.mp4"></reaction-video>
  );
}

3) Configure overlays

Start with attributes (copy-paste) and iterate in the Playground.

Full attributes

export function Video() {
  return (
    <reaction-video
      src="https://yourcdn.com/video.mp4"
      overlays="tap,poll,slider,rating"
      poll-question="Which style do you prefer?"
      cta-text="Buy Now"
      overlay-position="bottom-center"
      interaction-type="tap"
    ></reaction-video>
  );
}

Run in Playground

<reaction-video src="video.mp4" overlays="tap,poll,rating,slider,cta" poll-question="Which style?" cta-text="Buy Now" interaction-type="poll"></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