feat(docs): rearranged navbar button and added gtag container

Author: marcinkrasowski

apps/docs/docusaurus.config.ts

@@ -254,7 +254,18 @@ const config: Config = {
     markdown: {
         mermaid: true,
     },
-    plugins: [tailwindPlugin, '@docusaurus/theme-mermaid', 'docusaurus-plugin-image-zoom', 'docusaurus-plugin-sass'],
+    plugins: [
+        tailwindPlugin,
+        '@docusaurus/theme-mermaid',
+        'docusaurus-plugin-image-zoom',
+        'docusaurus-plugin-sass',
+        [
+            '@docusaurus/plugin-google-tag-manager',
+            {
+                containerId: 'GTM-MFNWVRP6',
+            },
+        ],
+    ],
     presets: [
         [
             'classic',
@@ -384,8 +395,12 @@ const config: Config = {
                       {
                           label: 'Partners',
                           to: '/partners',
-                          position: 'left',
                       },
+                    {
+                        to: '/dxp',
+                        label: 'DXP Starter',
+                        position: 'left',
+                    },
 
                       {
                           type: 'search',
@@ -403,12 +418,6 @@ const config: Config = {
                           position: 'right',
                           className: 'button button-tertiary',
                       },
-                      {
-                          to: '/dxp',
-                          label: 'DXP Starter',
-                          position: 'right',
-                          className: 'button button-primary',
-                      },
                   ],
         },
         footer: {

apps/docs/package.json

@@ -18,6 +18,8 @@
     },
     "dependencies": {
         "@docusaurus/core": "3.9.1",
+        "@docusaurus/plugin-google-gtag": "^3.9.1",
+        "@docusaurus/plugin-google-tag-manager": "^3.9.1",
         "@docusaurus/preset-classic": "3.9.1",
         "@docusaurus/theme-mermaid": "3.9.1",
         "@easyops-cn/docusaurus-search-local": "^0.52.1",

apps/docs/src/css/custom.css

@@ -460,6 +460,9 @@ aside:not(.theme-doc-sidebar-container) {
 .navbar .navbar__item.button:last-child {
     margin-right: 0;
 }
+.navbar__items--right > :last-child {
+    padding-right: 1rem !important;
+}
 .navbar .button:hover {
     border: none;
 }