Community - add trustarc for cookies (#4865)

* community - add trustarc Issue: AAH-2163 * switch trustarc to prod version
ansible · Mar 25, 2024 · 5c0d635 · 5c0d635
1 parent d5c9540
commit 5c0d635
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 0 deletions.
diff --git a/CHANGES/2163.misc b/CHANGES/2163.misc
@@ -0,0 +1 @@
+community - add trustarc
diff --git a/community/Dockerfile b/community/Dockerfile
@@ -3,6 +3,7 @@ WORKDIR /workspace/
 RUN mkdir -p /workspace/ && \
     apk add --no-cache git
 COPY . /workspace/
+COPY community/index.html /workspace/src/index.html
 RUN npm ci && \
     npm run gettext:extract && \
     npm run gettext:compile && \

diff --git a/community/index.html b/community/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8" />
+    <title><%= htmlWebpackPlugin.options.applicationName %></title>
+
+    <script
+      id="trustarc"
+      type="text/javascript"
+      src="//static.redhat.com/libs/redhat/marketing/latest/trustarc/trustarc.js"
+      defer
+      data-domain="redhat2.com"
+      data-debug=""
+    ></script>
+  </head>
+  <body>
+    <div id="root"></div>
+
+    <footer style="display: none">
+      <span id="teconsent">
+        <!-- trustarc -->
+      </span>
+    </footer>
+  </body>
+</html>
diff --git a/src/containers/landing/landing-page.tsx b/src/containers/landing/landing-page.tsx
@@ -194,6 +194,11 @@ export class LandingPage extends Component<RouteProps, IState> {
                   <ListItem>
                     <ExternalLink href='https://www.redhat.com/en/about/digital-accessibility'>{t`Digital accessibility`}</ExternalLink>
                   </ListItem>
+                  <ListItem>
+                    <a
+                      onClick={this.cookiePreferences}
+                    >{t`Cookie preferences`}</a>
+                  </ListItem>
                 </List>
               }
             />
@@ -208,6 +213,14 @@ export class LandingPage extends Component<RouteProps, IState> {
       alerts: [...this.state.alerts, alert],
     });
   }
+
+  private cookiePreferences() {
+    (
+      window.document.querySelector(
+        '#teconsent > a',
+      ) as HTMLAnchorElement | null
+    )?.click();
+  }
 }
 
 export default withRouter(LandingPage);