---
title: Analytics Events
lastModified: "2026-10-14T22:13:04-07:00"
lastAuthor: Kaylee
---
```tsx title="components/pageviews.tsx"
'use client';

import { useEventDispatcher } from 'c15t/next';
import { usePathname, useSearchParams } from 'next/navigation';
import { useEffect } from 'react';

/**
 * Render once inside `ConsentRoot` in the root layout, wrapped in
 * `<Suspense>` because it reads `useSearchParams()`.
 */
export const Pageviews = () => {
	const events = useEventDispatcher({ pageviews: ['posthog'] });
	const pathname = usePathname();
	const search = useSearchParams().toString();
	useEffect(() => {
		events.pageview(search ? `${pathname}?${search}` : pathname);
	}, [events, pathname, search]);
	return null;
};
```