Client Side Options (App Dir)

'use client';

import { ClientSideOptionsProvider } from '@c15t/nextjs/client';
import { gtag } from '@c15t/scripts/google-tag';
import type { ReactNode } from 'react';

export function ConsentManagerClient({ children }: { children: ReactNode }) {
return (
	<ClientSideOptionsProvider
		scripts={[
			// Premade Google Tag script which you can use to load Google Analytics, Google Ads etc.
			gtag({
				id: 'G-XXXXXXXXXX',
				category: 'measurement',
			}),
		]}
		callbacks={{
			onBannerFetched(response) {
				console.log('onBannerFetched', response);
			},
			onConsentSet(response) {
				console.log('onConsentSet', response);
			},
			onError(response) {
				console.log('onError', response);
			},
		}}
	>
		{children}
	</ClientSideOptionsProvider>
);
}

import {
ConsentManagerDialog,
ConsentManagerProvider,
CookieBanner
} from '@c15t/nextjs';
import { ConsentManagerClient } from "./consent-manager.client";

export function ConsentManager({ children }: { children: React.ReactNode }) {
return (
	<ConsentManagerProvider
		options={{
			mode: 'c15t',
			backendURL: '/api/c15t',
			// ignoreGeoLocation: true, // Useful for development to always view the banner.
		}}
	>
		<CookieBanner />
    <ConsentManagerDialog />
		<ConsentManagerClient>
      {children}
    </ConsentManagerClient>
	</ConsentManagerProvider>
);
}