# Hello!
import Image from "next/image";
Flowtag Analytics is a modern analytics tool that helps you track and analyze traffic, see which campaigns are performing best, and gain insights into your audience.
Here you'll find all things you need to get started with Flowtag Analytics, from installation guides to advanced usage tips.
Beep, boop! Are you a robot? If so, please check our documentation for LLMs [here](/llms-full.txt).
# Creating an Account
Creating Your Flowtag Account [#creating-your-flowtag-account]
Head to [https://flowtag.qwerty.ovh/signup](https://flowtag.qwerty.ovh/signup) to create your account and organization.
What is Organization? [#what-is-organization]
It represents company, project, team or private person.
Subscription plans and trackers and users are associated with an organization.
You can create multiple organizations under a single account.
# Setting Up Your First Tracker
import { Plus, Unplug } from "lucide-react";
Create Tracker [#create-tracker]
In your organization click " New Tracker" button to create your first tracker.
Connect Website [#connect-website]
Then you have to add a javascript tag to your website. Click " Connect Website" button.
Choose Platform to Integrate [#choose-platform-to-integrate]
* [HTML](/docs/getting-started/html)
* [WordPress](/docs/getting-started/wordpress)
* [Shopify](/docs/getting-started/shopify)
* [Next.js](/docs/getting-started/next)
* [React](/docs/getting-started/react)
{/* - [Nuxt.js](/docs/getting-started/nuxt) */}
{/* - [Vue.js](/docs/getting-started/vue) */}
Checking Installation [#checking-installation]
To verify that the tracker is correctly installed click "Check your website" button.
And you're done! [#and-youre-done]
Now your tracker is set up and ready to collect data. You can customize your tracking settings further based on your needs.
# HTML Integration
In `` section of your website you should add something like this:
```html
```
You will get this code from your Flowtag account dashboard.
# Getting Started
What will you learn? [#what-will-you-learn]
* How to install Flowtag on your website
* How to set up your first tracking campaign
* How to analyze your website traffic data
# Next.js Integration
import { CodeBlock } from "fumadocs-ui/components/codeblock";
1. Install @flowtag/next [#1-install-flowtagnext]
```bash
pnpm add @flowtag/next
```
```bash
npm install @flowtag/next
```
```bash
yarn add @flowtag/next
```
```bash
bun add @flowtag/next
```
2. Add to layout.tsx [#2-add-flowtag--to-layouttsx]
```tsx
import { Flowtag } from "@flowtag/next";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
{children}
);
}
```
# Shopify Integration
1. Access Shopify Admin [#1-access-shopify-admin]
Log in to your Shopify admin panel.
2. Navigate to Online Store [#2-navigate-to-online-store]
In the left sidebar, click on "Online Store" and then select "Themes".
3. Edit Code [#3-edit-code]
Find the theme you are currently using and click on "Actions" > "Edit Code".
4. Locate theme.liquid [#4-locate-themeliquid]
In the "layout" folder, find and click on "theme.liquid" to open it.
5. Insert Flowtag Script [#5-insert-flowtag-script]
Just before the closing `` tag, insert the Flowtag script:
# WordPress Integration
1. Install "Insert HTML Snippet" Plugin [#1-install-insert-html-snippet-plugin]
In your wordpress dashboard (`/wp-admin`), navigate to "Plugins" and search for "Insert HTML Snippet".
[Plugin Link](https://wordpress.org/plugins/insert-html-snippet/)
2. Add New Snippet [#2-add-new-snippet]
Go to "HTML Snippets" in the sidebar and click "Add New HTML Snippet".
3. Insert Flowtag Script [#3-insert-flowtag-script]
In the snippet editor fill the fields as follows:
* **Placement methods**: Automatic
* **Insertion Location**: Admin & Front end Run on footer
* **Tracking name**: Flowtag (or any name you prefer)
* **HTML Snippet** (get your script from your dashboard):
```html
```