# Implementation

There are different ways how you can implement our website tracking script.  The exact implementation depends on how you set up your website and which provider it is. Four most common methods are:

1. Implement directly by adding it to the `<head>` section of your website code
2. Implement through GTM (Google Tag Manager) - [google-tag-manager](https://docs.hockeystack.com/technical-details/tracking/implementation/google-tag-manager "mention")
3. Implement through WordPress - [wordpress](https://docs.hockeystack.com/technical-details/tracking/implementation/wordpress "mention")
4. Implement through React - [react](https://docs.hockeystack.com/technical-details/tracking/implementation/react "mention")

#### Integration snippet

Integration snippet is available in **Atlas > Ingest.** You can also use the snippet attached below, but keep in mind that you need to fill in the API\_KEY. The key is available in **Atlas > Export > API Info.**&#x20;

```
<script>
    var hsscript = document.createElement("script");
    hsscript.id = "wphs";
    hsscript.src = "https://cdn.jsdelivr.net/npm/hockeystack@latest/hockeystack.min.js";
    hsscript.async = 1;
    hsscript.dataset.apikey = "<API_KEY>"";
    hsscript.dataset.cookieless = 1;
    hsscript.dataset.autoIdentify = 1;
    document.getElementsByTagName('head')[0].append(hsscript);
  </script>
```
