fix: add google tag manager

rango-exchange · Dec 22, 2024 · 64c8a4a · 64c8a4a
1 parent 8f06dd6
commit 64c8a4a
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@artsy/fresnel": "^7.1.3",
+    "@next/third-parties": "^14.2.15",
     "@react-spring/web": "^9.5.5",
     "@svgr/babel-plugin-remove-jsx-attribute": "^8.0.0",
     "@svgr/cli": "^8.1.0",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -7,11 +7,13 @@ import {
   BASE_URL,
   DEFAULT_DESCRIPTION,
   DEFAULT_KEYWORDS,
+  GTM_ID,
   OPEN_GRAPH_TYPE,
   SOCIAL_TITLE,
   TWITTER_CARD,
   TWITTER_SITE,
 } from 'src/constant/meta';
+import { GoogleTagManager } from '@next/third-parties/google';
 
 export const metadata: Metadata = {
   title: {
@@ -45,6 +47,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
+      <GoogleTagManager gtmId={GTM_ID} />
       <body className="bg-background max-h-full w-full">
         <Header theme={'light'} />
         <main className="w-full min-h-600 md:min-h-[800px] pb-30 md:pb-50 bg-neutral-300  bg-body-mask bg-cover">

diff --git a/src/constant/meta.ts b/src/constant/meta.ts
@@ -13,6 +13,8 @@ export const DEFAULT_KEYWORDS = [
   'Metamask',
 ];
 
+export const GTM_ID = 'GTM-NWSR9NQK';
+
 export const SOCIAL_TITLE = 'Rango Exchange Explorer';
 export const TWITTER_CARD = 'summary_large_image';
 export const TWITTER_SITE = '@rangoexchange';

diff --git a/yarn.lock b/yarn.lock
@@ -354,6 +354,13 @@
   resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.11.tgz#2150783dfec3b3e0e7c3ecfda2d4f30fbf913d44"
   integrity sha512-gQpS7mcgovWoaTG1FbS5/ojF7CGfql1Q0ZLsMrhcsi2Sr9HEqsUZ70MPJyaYBXbk6iEAP7UXMD9HC8KY1qNwvA==
 
+"@next/third-parties@^14.2.15":
+  version "14.2.21"
+  resolved "https://registry.yarnpkg.com/@next/third-parties/-/third-parties-14.2.21.tgz#f7eab4a1520abe95cb00bc448ac3b8699ad04b2e"
+  integrity sha512-Q45S8E3pABEoN3bN/s5eHGgcSNqB/ys7cstGaO9C5W5WB1z3iUVzs+eZ1iBIq2B1HbWmgKZzp1vLfvNbyJGAOA==
+  dependencies:
+    third-party-capital "1.0.20"
+
 "@nodelib/[email protected]":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -3940,6 +3947,11 @@ thenify-all@^1.0.0:
   dependencies:
     any-promise "^1.0.0"
 
+[email protected]:
+  version "1.0.20"
+  resolved "https://registry.yarnpkg.com/third-party-capital/-/third-party-capital-1.0.20.tgz#e218a929a35bf4d2245da9addb8ab978d2f41685"
+  integrity sha512-oB7yIimd8SuGptespDAZnNkzIz+NWaJCu2RMsbs4Wmp9zSDUM8Nhi3s2OOcqYuv3mN4hitXc8DVx+LyUmbUDiA==
+
 titleize@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/titleize/-/titleize-3.0.0.tgz#71c12eb7fdd2558aa8a44b0be83b8a76694acd53"