chore(docs): add necessary scripts (#1931)

carbon-design-system · Dec 20, 2024 · 3091ab0 · 3091ab0
1 parent 6aae553
commit 3091ab0
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 2 deletions.
diff --git a/packages/docs/index.html b/packages/docs/index.html
@@ -14,6 +14,60 @@
 		<meta property="og:image" content="https://charts.carbondesignsystem.com/images/hero.png" />
 		<meta property="og:url" content="https://charts.carbondesignsystem.com" />
 		<meta property="og:type" content="website" />
+
+		<!-- Tealium/GA Set up -->
+		<script type="text/javascript">
+			window._ibmAnalytics = {
+				settings: {
+					name: 'CarbonChartsDocsV1',
+					isSpa: true,
+					tealiumProfileName: 'ibm-web-app'
+				},
+				onLoad: [['ibmStats.pageview', []]]
+			}
+			digitalData = {
+				page: {
+					pageInfo: {
+						ibm: {
+							siteId: 'IBM_' + _ibmAnalytics.settings.name
+						}
+					},
+					category: {
+						primaryCategory: 'PC100'
+					}
+				}
+			}
+		</script>
+		<script
+			src="//1.www.s81c.com/common/stats/ibm-common.js"
+			type="text/javascript"
+			async="async"></script>
+
+		<!-- IBM footer -->
+		<footer><dds-footer-container key="footer" disable-locale-button="true" size="micro" /></footer>
+		<script
+			key="8"
+			type="module"
+			src="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/footer.min.js"></script>
+
+		<style>
+			body > footer {
+				position: fixed;
+				bottom: 0;
+				width: 100%;
+				z-index: 99999;
+
+				&:before {
+					content: '';
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 1px;
+					background-color: #525252;
+				}
+			}
+		</style>
 	</head>
 
 	<body>

diff --git a/packages/docs/src/routes/Root.tsx b/packages/docs/src/routes/Root.tsx
@@ -45,8 +45,8 @@ export default function Root() {
 								isActive={isSideNavExpanded}
 								aria-expanded={isSideNavExpanded}
 							/>
-							<HeaderName as={Link} to="/" prefix="Carbon">
-								Charts<span className="hide-at-sm"> {version}</span>
+							<HeaderName as={Link} to="/" prefix="Carbon Charts">
+								<span className="hide-at-sm">{version}</span>
 							</HeaderName>
 							<HeaderGlobalBar>
 								<Search />