diff --git a/packages/component-header-footer/src/footer/components/Legal/index.js b/packages/component-header-footer/src/footer/components/Legal/index.js index 866ebc2ed4..ab9ac6a1a2 100644 --- a/packages/component-header-footer/src/footer/components/Legal/index.js +++ b/packages/component-header-footer/src/footer/components/Legal/index.js @@ -55,40 +55,43 @@ const Legal = () => { trackGAEvent({ ...DEFAULT_GA_EVENT, - text: "privacy", + text: "terms of use", }) } > - Privacy + Terms of Use trackGAEvent({ ...DEFAULT_GA_EVENT, - text: "terms of use", + text: "emergency", }) } > - Terms of Use + Emergency trackGAEvent({ ...DEFAULT_GA_EVENT, - text: "emergency", + text: "privacy", }) } > - Emergency + Privacy + diff --git a/packages/component-header-footer/src/footer/index.styles.js b/packages/component-header-footer/src/footer/index.styles.js index 38b283b024..2d9781b7af 100644 --- a/packages/component-header-footer/src/footer/index.styles.js +++ b/packages/component-header-footer/src/footer/index.styles.js @@ -32,7 +32,8 @@ const StyledFooter = styled.footer` a:focus, button:focus { outline: none; - box-shadow: 0 0 0 2px var(--color-base-white), 0 0 0 4px var(--color-base-grey-7) !important; + box-shadow: 0 0 0 2px var(--color-base-white), + 0 0 0 4px var(--color-base-grey-7) !important; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @@ -411,6 +412,27 @@ const StyledFooter = styled.footer` } } + //footer manual consent opt-out + .footer-legal-links, + .footer-menu, + .nav { + &.colophon #manualConsentoptout, + #manualConsentoptout { + color: #484848; + border: none; + background-color: transparent; + width: auto; + cursor: pointer; + padding: 0; + text-align: right; + justify-self: end; + font-size: 1rem; + &:hover { + text-decoration: underline; + } + } + } + // Bootstrap Default Stylings .row { --bs-gutter-x: 24px; diff --git a/packages/static-site/src/pages/DataLayerGuide.tsx b/packages/static-site/src/pages/DataLayerGuide.tsx index d5ddd8b223..47a020e017 100644 --- a/packages/static-site/src/pages/DataLayerGuide.tsx +++ b/packages/static-site/src/pages/DataLayerGuide.tsx @@ -12,10 +12,7 @@ export const bookmarklet = `javascript:(${watchDataLayer.toString() .replace(/\s+/g, " ")})();` const gtmCodes = { - universal: "GTM-KDWN8Z", - etDev: "GTM-PX7M299", - etQA: "GTM-W3FGR6T", - etProd: "GTM-WPVTBHL", + universal: "GTM-KDWN8Z" }; const GtmCodeExample: FC<{ gtmCode: string }> = ({ gtmCode }) => { @@ -92,27 +89,6 @@ const DataLayerGuide = () => { bundled.

-

Benefits of Becoming part of GTM Product Community:

- -

Best Practices for Implementing GTM

Install on test site first