Getting Started Docs

Follow these steps to integrate NanoSights into your application.

Installation

Install the required npm packages:

npm install nano-analytics nano-insights nano-custom

Usage

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

To use the NanoTags navigate into your entry file e.g index.html.

index.html

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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <script>
      import 'nano-analytics';
      import 'nano-insights';
      import 'nano-custom';
    </script>
  </head>
  <body>
    <nano-analytics user-id="USER_ID"></nano-analytics>
    <nano-insights site-url="https://example.com"></nano-insights>
    <nano-custom site-url="https://example.com"></nano-custom>
  </body>
</html>

Getting Started

Installation

Usage

On this page