[WL-3329] Add home link v3 (#221)

datacamp · Jan 31, 2024 · f5ab989 · f5ab989
1 parent d62bda4
commit f5ab989
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/boot.tsx b/src/boot.tsx
@@ -30,6 +30,8 @@ export default (element: HTMLDivElement, hub: Hub) => {
 
   const utmSource = element.getAttribute("data-utm-source") || undefined;
   const utmCampaign = element.getAttribute("data-utm-campaign") || undefined;
+  const impactTrackingLink =
+    element.getAttribute("data-impact-tracking-link") || undefined;
 
   if (element.getAttribute("data-encoded")) {
     const exercise = JSON.parse(atob(decodeURIComponent(element.textContent)));
@@ -113,6 +115,7 @@ export default (element: HTMLDivElement, hub: Hub) => {
             language={settings.language}
             utmSource={utmSource}
             utmCampaign={utmCampaign}
+            impactTrackingLink={impactTrackingLink}
           />
         </Provider>
       </AppContainer>

diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
@@ -85,6 +85,7 @@ export interface IAppProps extends React.Props<App> {
   nPlots?: number;
   utmSource?: string;
   utmCampaign?: string;
+  impactTrackingLink?: string;
 }
 
 interface IAppState {
@@ -321,6 +322,7 @@ export class App extends React.Component<IAppProps, IAppState> {
             showSolutionButton={this.state.solutionButtonVisible}
             utmSource={this.props.utmSource}
             utmCampaign={this.props.utmCampaign}
+            impactTrackingLink={this.props.impactTrackingLink}
           />
         </div>
       </Provider>

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -24,6 +24,7 @@ export interface IFooterProps extends React.Props<Footer> {
   language?: string;
   utmSource?: string;
   utmCampaign?: string;
+  impactTrackingLink?: string;
 }
 
 interface IFooterState {
@@ -76,10 +77,14 @@ export class Footer extends React.PureComponent<IFooterProps, IFooterState> {
   }
 
   public render() {
-    const { utmSource, utmCampaign } = this.props;
-    const baseUrl = "https://www.datacamp.com/";
+    const { utmSource, utmCampaign, impactTrackingLink } = this.props;
+    const baseUrl = impactTrackingLink
+      ? "https://datacamp.pxf.io"
+      : "https://www.datacamp.com/";
     const queryParams = `utm_source=${utmSource}&utm_campaign=${utmCampaign}`;
-    const datacampUrl = `${baseUrl}?${queryParams}`;
+    const datacampUrl = impactTrackingLink
+      ? `${baseUrl}${impactTrackingLink}`
+      : `${baseUrl}?${queryParams}`;
 
     return (
       <div className={styles.footer}>