Introduction - Depict Documentation

For any Depict product that’s integrated, it is important to set up tracking so that our product performs correctly. Visit the “Tracking status” tab on app.depict.ai for live feedback on your tracking events. DPC (Depict Performance Client) is already set up automatically by using @depict-ai/react-ui. You can access the DPC instance by doing:

import { usePerformanceClient } from "@depict-ai/react-ui";

// Where you need it:
const { dpc } = usePerformanceClient();

Also the dpq global is available after initialising the DepictProvider.

If you are also integrating something via API (for example recommendations), there is no extra DPC setup to do — @depict-ai/react-ui already installs and initialises it. Just follow Product Card Tracking and onwards for any product cards you render yourself.

For more detailed information see the DPC Reference

⌘I