> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.brevo.com/docs/getting-started-with-js-implementation/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.brevo.com/_mcp/server.

# JavaScript implementation

> **Legacy Tracker Documentation**
>
> For the legacy tracker doc, check our guide [here](https://tracker-doc.brevo.com/docs/getting-started-1).

This is the most direct implementation if you need to track all events on your website. Set up a short [JS snippet](https://app.brevo.com/automation/parameters) on your site and Brevo starts tracking your users and page views.

If you use one of our plugins (Wordpress, Prestashop) or Google Tag Manager, no development is required to get the tracking running.

There are two ways to implement JavaScript: through the JavaScript tracker code or through Google Tag Manager.

This section explains how to implement the tracker with JavaScript. This is the recommended installation. For another approach, see the [REST implementation](/docs/tracker-rest-implementation).

This section covers the manual installation only: add the [JS snippet](https://app.brevo.com/automation/parameters) on your website to start tracking activity.

To install the Brevo tracker using Google Tag Manager, see [this article](https://help.brevo.com/hc/en-us/articles/360021327119-Install-Brevo-Tracker-using-Google-Tag-Manager).

If you use one of our plugins, you don’t need to install this snippet — it is already included. See [this article](https://help.brevo.com/hc/en-us/articles/360021327019-Install-Brevo-Tracker-via-one-of-our-plugins-Strongly-recommended) for details.

## Manual installation

Copy and paste the script from your Brevo account at [Automation > Settings](https://app.brevo.com/automation/parameters). It looks like this:

```javascript
<script src="https://cdn.brevo.com/js/sdk-loader.js" async></script>
<script>
    // Version: 2.0
    window.Brevo = window.Brevo || [];
    Brevo.push([
        "init",
        {
        client_key: "YOUR_CLIENT_KEY",
        // Optional: Add other initialization options, see documentation
        }
    ]);
</script>
```

Paste it into your website's code just before the `</head>` closing tag.

## Docs

- [Identify users](https://developers.brevo.com/docs/identify-users-js.md)
- [Track page views](https://developers.brevo.com/docs/track-page-views-js.md)
- [Track link clicks](https://developers.brevo.com/docs/track-link-clicks-js.md)
- [Track custom events](https://developers.brevo.com/docs/track-custom-events-js.md)