Documentation Index
Fetch the complete documentation index at: /docs/llms.txt
Use this file to discover all available pages before exploring further.
Learn how to use Koala to uncover visitor intent happening on your Next.js application.
pages/_app.js_app.js file.
Copy the Koala snippet from your workspace installation settings page and paste it into the Script component.
import Script from 'next/script'
export default function MyApp({ Component, pageProps }) {
return (
<>
<Script
id="koala-snippet"
dangerouslySetInnerHTML={{
__html: `// Paste your Koala snippet here`
}}
/>
<Component {...pageProps} />
</>
)
}
<head> or <body> of your site by adding the snippet to the pages/_document.js file.
import { Head, Html, Main, NextScript } from 'next/document'
export default function KoalaDocument() {
return (
<Html>
<Head>
<script
dangerouslySetInnerHTML={{
__html: `// Paste your Koala snippet here`,
}}
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
window.ko?.identify('jane.doe@example.com', {
name: 'Jane Doe',
title: 'Product Manager'
})