Add AW tag on marketing website (#493)

.gitattributes

@@ -3,6 +3,7 @@
 *.png binary
 *.jpg binary
 *.jpeg binary
+*.gif binary
 *.webp binary
 *.eot binary
 *.ttf binary

marketing/.env.example

@@ -1,3 +1,6 @@
 # Copy to .env.local
 NEXT_PUBLIC_APP_URL=http://localhost:3000
-NEXT_PUBLIC_MEASUREMENT_ID=G-XXXXXXXXXX
+NEXT_PUBLIC_MEASUREMENT_ID=G-XXXXXXXXXX
+NEXT_PUBLIC_GOOGLE_AD_WORDS_ID=AW-XXXXXXXXXX
+NEXT_PUBLIC_GOOGLE_AD_WORDS_CONVERSION_ID=AW-XXXXXXXXXX/XXXXXXXXXX
+NEXT_PUBLIC_GOOGLE_AD_WORDS_DOMAINS=foo.com,bar.com

marketing/Dockerfile

@@ -23,6 +23,9 @@ COPY . .
 
 ARG NEXT_PUBLIC_MEASUREMENT_ID=APP_NEXT_PUBLIC_MEASUREMENT_ID
 ARG NEXT_PUBLIC_APP_URL=APP_NEXT_PUBLIC_APP_URL
+ARG NEXT_PUBLIC_GOOGLE_AD_WORDS_ID=APP_NEXT_PUBLIC_GOOGLE_AD_WORDS_ID
+ARG NEXT_PUBLIC_GOOGLE_AD_WORDS_CONVERSION_ID=APP_NEXT_PUBLIC_GOOGLE_AD_WORDS_CONVERSION_ID
+ARG NEXT_PUBLIC_GOOGLE_AD_WORDS_DOMAINS=APP_NEXT_PUBLIC_GOOGLE_AD_WORDS_DOMAINS
 ARG NEXT_BACKEND_SUB_DOMAIN=APP_NEXT_BACKEND_SUB_DOMAIN
 RUN yarn build
 

marketing/src/pages/404.tsx

@@ -2,7 +2,7 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { useTranslation } from 'next-i18next';
 import styled from 'styled-components';
 import Link from 'next/link';
-import bg from '../containers/404/it-crowd-on-fire.gif';
+import bg from '../containers/404/bg.gif';
 import Image from 'next/image';
 
 export default function Page404() {

marketing/src/pages/_document.tsx

@@ -53,6 +53,11 @@ export default class MyDocument extends Document {
             function gtag(){dataLayer.push(arguments);}
             gtag('js', new Date());
             gtag('config', '${process.env.NEXT_PUBLIC_MEASUREMENT_ID}');
+            gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_AD_WORDS_ID}');
+            gtag('set', 'linker', {'domains': 
+              '${process.env.NEXT_PUBLIC_GOOGLE_AD_WORDS_DOMAINS || ''}'
+                .split(',')
+            });
           `,
             }}
           />