skip-release - add commonjs privacy policy/footer, and analytics (#1772)

* add commonjs privacy policy/footer * add common.js analytics
carbon-design-system · Feb 29, 2024 · c7543ab · c7543ab
1 parent a07129d
commit c7543ab
Show file tree

Hide file tree

Showing 6 changed files with 299 additions and 5 deletions.
diff --git a/packages/angular/.storybook/manager-head.html b/packages/angular/.storybook/manager-head.html
@@ -1,13 +1,16 @@
-<meta name="keywords"
+<meta
+	name="keywords"
 	content="IBM, design, system, Carbon, design system, data visualization, charts, Bluemix, styleguide, style, guide, components, library, pattern, kit, component, cloud, angular" />
 
-<meta name="description"
+<meta
+	name="description"
 	content="This is the core Angular version of Carbon Charts, an implementation of Carbon Design System's data-visualization patterns." />
 
 <!-- Open Graph -->
 <meta property="og:title" content="Carbon Charts - Angular" />
 <meta property="og:site_name" content="Carbon Charts" />
-<meta property="og:description"
+<meta
+	property="og:description"
 	content="This is the Angular version of Carbon Charts, an implementation of Carbon Design System's data-visualization patterns." />
 <meta property="og:image" content="https://charts.carbondesignsystem.com/angular/share.png" />
 <meta property="og:url" content="http://charts.carbondesignsystem.com/angular" />
@@ -19,4 +22,62 @@
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:image:alt" content="Carbon Charts - Angular" />
 <meta name="twitter:image" content="https://charts.carbondesignsystem.com/angular/share.png" />
-<meta name="twitter:site" content="@_carbondesign" />
+<meta name="twitter:site" content="@_carbondesign" />
+
+<!-- Tealium/GA Set up -->
+<script type="text/javascript">
+	window._ibmAnalytics = {
+		settings: {
+			name: 'CarbonChartsAngularStorybookV1',
+			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>
+	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;
+		}
+	}
+
+	div#storybook-explorer-tree {
+		padding-bottom: 200px;
+	}
+</style>
diff --git a/packages/core/.storybook/manager-head.html b/packages/core/.storybook/manager-head.html
@@ -23,3 +23,61 @@
 <meta name="twitter:image:alt" content="Carbon Charts - vanilla JavaScript" />
 <meta name="twitter:image" content="https://charts.carbondesignsystem.com/share.png" />
 <meta name="twitter:site" content="@_carbondesign" />
+
+<!-- Tealium/GA Set up -->
+<script type="text/javascript">
+	window._ibmAnalytics = {
+		settings: {
+			name: 'CarbonChartsVanillaStorybookV1',
+			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>
+	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;
+		}
+	}
+
+	div#storybook-explorer-tree {
+		padding-bottom: 200px;
+	}
+</style>
diff --git a/packages/core/scss/demos.scss b/packages/core/scss/demos.scss
@@ -16,6 +16,7 @@
 
 html {
 	@include styles.theme(styles.$g100);
+	padding-bottom: 200px;
 }
 
 html[data-carbon-theme='white'] {

diff --git a/packages/react/.storybook/manager-head.html b/packages/react/.storybook/manager-head.html
@@ -23,3 +23,61 @@
 <meta name="twitter:image:alt" content="Carbon Charts - React" />
 <meta name="twitter:image" content="https://charts.carbondesignsystem.com/react/share.png" />
 <meta name="twitter:site" content="@_carbondesign" />
+
+<!-- Tealium/GA Set up -->
+<script type="text/javascript">
+	window._ibmAnalytics = {
+		settings: {
+			name: 'CarbonChartsReactStorybookV1',
+			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>
+	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;
+		}
+	}
+
+	div#storybook-explorer-tree {
+		padding-bottom: 200px;
+	}
+</style>
diff --git a/packages/svelte/.storybook/manager-head.html b/packages/svelte/.storybook/manager-head.html
@@ -23,3 +23,61 @@
 <meta name="twitter:image:alt" content="Carbon Charts - Svelte" />
 <meta name="twitter:image" content="https://charts.carbondesignsystem.com/svelte/share.png" />
 <meta name="twitter:site" content="@_carbondesign" />
+
+<!-- Tealium/GA Set up -->
+<script type="text/javascript">
+	window._ibmAnalytics = {
+		settings: {
+			name: 'CarbonChartsSvelteStorybookV1',
+			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>
+	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;
+		}
+	}
+
+	div#storybook-explorer-tree {
+		padding-bottom: 200px;
+	}
+</style>
diff --git a/packages/vue/.storybook/manager-head.html b/packages/vue/.storybook/manager-head.html
@@ -19,4 +19,62 @@
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:image:alt" content="Carbon Charts - Vue" />
 <meta name="twitter:image" content="https://charts.carbondesignsystem.com/vue/share.png" />
-<meta name="twitter:site" content="@_carbondesign" />
+<meta name="twitter:site" content="@_carbondesign" />
+
+<!-- Tealium/GA Set up -->
+<script type="text/javascript">
+	window._ibmAnalytics = {
+		settings: {
+			name: 'CarbonChartsVueStorybookV1',
+			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>
+	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;
+		}
+	}
+
+	div#storybook-explorer-tree {
+		padding-bottom: 200px;
+	}
+</style>