> ## Documentation Index
> Fetch the complete documentation index at: https://beta-docs.replo.app/llms.txt
> Use this file to discover all available pages before exploring further.
# Meta Pixel
> Track Facebook and Instagram ad conversions on your Replo site with the Meta Pixel.
export const TryPromptButton = ({prompt, imageSrc, imageAlt = "Template preview", imageStyles = {}, buttonCta = "Build in Replo"}) => {
const [isLoading, setIsLoading] = useState(false);
const [error, setError] = useState(null);
const API_BASE = "https://api.replo.app";
const APP_URL = "https://dashboard.replo.app";
const LoaderIcon = ;
const ChevronIcon = ;
async function postJSON(url, body, headers = {}, timeoutMs = 120000) {
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
try {
const response = await fetch(url, {
method: "POST",
headers: {
"Content-Type": "application/json",
...headers
},
body: JSON.stringify(body ?? ({})),
signal: controller.signal
});
const responseText = await response.text();
if (!response.ok) throw new Error(`API Error: ${response.status}`);
return responseText ? JSON.parse(responseText) : {};
} finally {
clearTimeout(timeoutId);
}
}
async function handleTryPrompt(event) {
event.preventDefault();
event.stopPropagation();
setIsLoading(true);
setError(null);
try {
const body = {
prompt,
file: null
};
const {seed} = await postJSON(`${API_BASE}/api/v1/marketing/issue-marketing-site-jwt`, body);
if (!seed) throw new Error("No seed returned from API");
const url = new URL(APP_URL);
url.searchParams.set("type", "agent");
url.hash = `seed=${encodeURIComponent(seed)}`;
window.open(url.toString(), "_blank");
setIsLoading(false);
} catch (caughtError) {
console.error("Failed to generate prompt:", caughtError);
const message = caughtError instanceof Error ? caughtError.message : null;
setError(message ?? "Something went wrong. Please try again.");
setIsLoading(false);
}
}
return
{}
{imageSrc && }
{}
{}
{}
{error &&
{error}
}
;
};
The Meta Pixel sends conversion events to Meta for ad measurement and retargeting across Facebook and Instagram. On a Replo site it tracks page views, add to cart, initiate checkout, purchase, and view content.
## Add the Meta Pixel
Give Replo your **Pixel ID** and ask Replo to add it. The pixel loads through Replo's consent layer, so it stays GDPR and CCPA compliant and only fires once a visitor consents.
```text theme={null}
Add my Meta Pixel with ID 123456789012345 to my site, then publish
```
Tracking starts on every page once you publish. You can also manage pixels from your site's tracking settings if you'd rather not use chat.
### Finding your Pixel ID
1. Log in to Meta Business Suite.
2. Open **Events Manager**.
3. Select your pixel from the data sources list.
4. Your **Pixel ID** is shown in the pixel details.
Add a pixel only once. Installing it both here and through another tool causes duplicate tracking and skews your data.