> ## 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.
# Google Analytics 4
> Track traffic and conversions with GA4, and connect your account so Replo can build reports.
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}
}
;
};
Google Analytics 4 tracks page views, engagement, and ecommerce events across your site. Replo connects to GA4 in two independent ways; set up one or both.
## Track your site with GA4
This installs GA4 on your published pages so it counts traffic and fires ecommerce events (page view, add to cart, begin checkout, purchase, and view item). Just give Replo your **Measurement ID** and ask Replo to add it.
```text theme={null}
Add Google Analytics 4 tracking to my site with measurement ID G-XXXXXXXXXX, then publish
```
Replo adds GA4 as a managed script that loads through Replo's consent layer, so it stays GDPR and CCPA compliant and only fires once a visitor consents. Tracking starts on every page after you publish.
### Finding your Measurement ID
1. Log in to Google Analytics.
2. Open the **Admin** section.
3. Under **Property**, click **Data Streams**.
4. Select your data stream.
5. Your **Measurement ID** (it looks like `G-XXXXXXXXXX`) is shown at the top right.
## Let Replo read your analytics
Separately, you can connect your Google account so Replo can pull reports and metrics into chat. This connects by signing in; there are no keys to copy.
In Replo, open the [Integrations app](/apps/integrations) and find **Google Analytics**.
Click **Connect**, sign in to Google, and approve access to your analytics.
Once connected, ask Replo to build a report. Point it at the integration with an [@-mention](/sessions-and-history#mentions).
```text theme={null}
Build a report for my site using @Google Analytics 4
```
The two setups are independent. Tracking runs on your published site; the account connection lets Replo read your data. Plenty of merchants do both.