# JavaScript Pixel
> For the complete documentation index, see [llms.txt](/llms.txt). Markdown versions of documentation pages are available by appending `.md` to the page URL.
The OpenAI Ads Measurement Pixel is a browser SDK for measuring website events
after someone clicks an ad in ChatGPT. Use the pixel by adding the script to your site, initializing
it with your Pixel ID, and call `oaiq("measure", ...)` when a conversion
happens.
If a page needs to measure conversions for more than one Pixel ID, see
[Configure more than one Pixel ID](https://developers.openai.com/ads/multiple-pixels).
## Install the Measurement Pixel
Add the following snippet to the `` section every page where you want to capture
conversions. Put the script near the top of your `` to ensure early conversions aren't lost while other content loads.
```html
```
`pixelId` is required. Create a new pixelId in the conversions tab of Ads Manager. `debug` is optional and logs SDK activity to the browser
console while you test your integration.
## Control measurement consent
If consent is required to track conversion events, use the Pixel's consent
feature. Set consent before initializing the Pixel:
```js
oaiq("consent", false);
oaiq("init", {
pixelId: "",
});
// Call this after the user grants measurement consent.
oaiq("consent", true);
```
The Pixel initializes consent to `true` by default unless you set it to `false`
or the Pixel finds a stored denial. When consent is `false`, the Pixel doesn't
send measurement-event pings. Setting it to `true` allows future measurement
events; blocked events aren't replayed.
## Configure a content security policy
If your site enforces a Content Security Policy (CSP), merge these sources into
your existing policy:
| Directive | Source | Purpose |
| ------------- | --------------------------- | -------------------------------------------- |
| `script-src` | `https://bzrcdn.openai.com` | Load the Measurement Pixel SDK. |
| `connect-src` | `https://bzr.openai.com` | Send events with `fetch` or `sendBeacon`. |
| `connect-src` | `https://bzrcdn.openai.com` | Fetch per-pixel configuration. |
| `img-src` | `https://bzr.openai.com` | Send events with the image request fallback. |
For example, a policy that otherwise allows only same-origin resources and uses
a nonce would include:
```http
Content-Security-Policy: default-src 'self'; script-src 'self' 'nonce-' https://bzrcdn.openai.com; connect-src 'self' https://bzr.openai.com https://bzrcdn.openai.com; img-src 'self' https://bzr.openai.com;
```
Replace `` with a fresh nonce for each response and add the same value to
the installation snippet's opening tag: `