Tracking Script React

Caution: This package is experimental and may cause flickering if used incorrectly. We strongly recommend installing our tracking script sync at the head tag of your page.

Usage

1. Install package: yarn add @convertcom/tracking-react

2. Import component, for example:

   import ConvertTrackingScript from '@convertcom/tracking-react';

3. Add the following at the beginning of body/layout, for example:

   <ConvertTrackingScript accountId="123" projectId="456" />

4. Optionally, set custom timeout for showing the page contents, for example:

   <ConvertTrackingScript accountId="123" projectId="456" timeout={500} />

5. Optionally, set custom selector for showing the page contents, for example:

   <ConvertTrackingScript
     accountId="123"
     projectId="456"
     selector="#layout"
     background="gray" // optional, can be any CSS background (color, image, etc.)
   />

Credits

Copyright(c) 2025 Convert Insights, Inc.