In Development
NanoDocs

Getting Started

Follow these steps to integrate NanoSights into your application.

Installation

Install the required npm packages:

npm install nano-analytics nano-insights nano-seo nano-stripe

Usage

The NanoTags are Framework-Agnostic. That means, they work in every JavaScript Framework there is.

To use the NanoTags navigate into the layout.tsx file.

layout.tsx

You can then simply import the tags you need and embedd them within the body element.

import "nano-analytics";
import "nano-insights";
import "nano-seo";
 
export default function Home() {
  return (
    <html lang="en">
      <body>
        <nano-analytics userId="USER_ID" projectKey="PROJECT_KEY>" />
        <nano-insight userId="USER_ID" projectKey="PROJECT_KEY>" />
        <nano-seo userId="USER_ID" projectKey="PROJECT_KEY>" />
      </body>
    </html>
  );
}
Edit on GitHub

Last updated on

Previous

Introduction

Next

Data Tracking Information

On this page