BILDIT AI Pixel Developer Hand-Off Guide
This guide explains what to tell your developer team and what they need to do to set up the BILDIT AI Pixel. No technical background needed.
For Non-Technical Stakeholders
We need to install the BILDIT AI Pixel so we can track visits and user activity inside our app or website. This allows BILDIT to show engagement data inside your dashboard.
Just tell your developer team the following:
| Step | What to Tell the Developer |
|---|---|
| 1 | Please install the BILDIT AI Pixel package using npm: npm install @bildit-platform/ai-pixel |
| 2 | Import the Pixel component into the main layout file (e.g., index.tsx or layout.tsx). |
| 3 | Add the <BilditPixel appId="YOUR_APP_ID" /> component using our BILDIT App ID. |
| 4 | If it's a regular HTML site, follow the setup instructions on npmjs.com under @bildit-platform/ai-pixel. |
| 5 | Once installed, confirm that data appears in the BILDIT dashboard within a few minutes. |
For Developer Team
Below are the exact technical steps needed to implement the AI Pixel in your app or site.
Install the package
npm install @bildit-platform/ai-pixel
Import the component
import { BilditPixel } from '@bildit-platform/ai-pixel';
Add the component
Add the component inside your main layout file (replace YOUR_APP_ID with your actual BILDIT ID):
<BilditPixel appId="YOUR_APP_ID" />
HTML Sites
(Optional) For HTML sites, follow the npm documentation for script-based integration.
Verification
Once installed, confirm data appears in the BILDIT dashboard.