import { Analytics as DubAnalytics } from '@dub/analytics/react';

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body>{children}</body>
      <DubAnalytics />
    </html>
  );
}

You can all use the inject() function to add the tracking script to other frameworks.

Available Props

You can pass the following props to the Analytics component to customize the tracking script.

`cookieOptions`

The cookieOptions prop accepts the following keys:

Key	Default	Description	Example
`domain`	`null`	Specifies the value for the `Domain` Set-Cookie attribute.	`example.com`
`expires`	90 days from now	Specifies the `Date` object to be the value for the `Expires` Set-Cookie attribute.	`new Date('2024-12-31')`
`expiresInDays`	`90`	Specifies the number (in days) to be the value for the `Expires` Set-Cookie attribute.	`90`
`httpOnly`	`false`	Specifies the boolean value for the `HttpOnly` Set-Cookie attribute. Be careful when setting this to true, as compliant clients will not allow client-side JavaScript to see the cookie in `document.cookie`.	`true`
`maxAge`	`null`	Specifies the number (in seconds) to be the value for the `Max-Age` Set-Cookie attribute.	`3600`
`path`	`/`	Specifies the value for the `Path` Set-Cookie attribute. By default, the path is considered the "default path".	`/`
`sameSite`	`Lax`	Specifies the boolean or string to be the value for the `SameSite` Set-Cookie attribute.	`strict`
`secure`	`false`	Specifies the boolean value for the `Secure` Set-Cookie attribute.	`true`

For example, to set a cross domain cookie, you can use the following code:

import { Analytics as DubAnalytics } from "@dub/analytics"

<DubAnalytics
   cookieOptions={{
      domain: process.env.IS_PRODUCTION_ENV
        ? ".yourdomain.com" // for cross-domain tracking
        : undefined,
   }}
/>

Keywords

FAQs

What is @dub/analytics?

Is @dub/analytics popular?

Is @dub/analytics well maintained?

Package last updated on 17 Jun 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@dub/analytics

Overview

Quick start

Available Props

cookieOptions

Keywords

Related posts

PyPI’s New Archival Feature Closes a Major Security Gap

North Korean APT Lazarus Targets Developers with Malicious npm Package

`cookieOptions`