diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 63aac1557..499c82110 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -1,6 +1,8 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
+require("dotenv").config();
+
 const lightCodeTheme = require("prism-react-renderer/themes/github");
 const darkCodeTheme = require("prism-react-renderer/themes/dracula");
 
@@ -83,7 +85,7 @@ const config = {
         },
         // GTM is always inactive in development and only active in production to avoid polluting the analytics statistics.
         googleTagManager: {
-          containerId: "GTM-59R6474K",
+          containerId: process.env.GTM_ID,
         },
         // Will be passed to @docusaurus/plugin-content-pages (false to disable)
         // pages: {},
diff --git a/docs/package.json b/docs/package.json
index 002b47321..7bd63ea84 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -37,6 +37,7 @@
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "2.4.1",
+    "dotenv": "^16.3.1",
     "tailwindcss-animate": "^1.0.7"
   },
   "browserslist": {
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 8063e076b..b02370470 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -4939,6 +4939,11 @@ dot-prop@^6.0.1:
   dependencies:
     is-obj "^2.0.0"
 
+dotenv@^16.3.1:
+  version "16.3.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.1.tgz#369034de7d7e5b120972693352a3bf112172cc3e"
+  integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==
+
 duplexer3@^0.1.4:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.5.tgz#0b5e4d7bad5de8901ea4440624c8e1d20099217e"