diff --git a/components/content/ContentHead.tsx b/components/content/ContentHead.tsx
index a9542411..049157d8 100644
--- a/components/content/ContentHead.tsx
+++ b/components/content/ContentHead.tsx
@@ -3,6 +3,7 @@ import { buildUrl, contentUrl, profileUrl } from 'util/url-factory';
import Head from 'next/head';
import { useTheme } from 'components';
+import Script from 'next/script';
export default function ContentHead(props: {
content?: Content;
@@ -121,21 +122,18 @@ export default function ContentHead(props: {
) : null}
{contentOwner ? (
-
+
) : null}
{contentOwner ? (
-
) : null}
);
diff --git a/components/content/ContentQuery.tsx b/components/content/ContentQuery.tsx
index 82479f18..b787f559 100644
--- a/components/content/ContentQuery.tsx
+++ b/components/content/ContentQuery.tsx
@@ -60,6 +60,7 @@ export default gql`
theme
viewport
license
+ googleAnalytics
}
fetchSiteMap(username: $username) {
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 7e95fce8..05fc4779 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -34,6 +34,8 @@ const generateCsp = (nonce: string) => {
'https://cdn.auth0.com',
'https://cdn.vercel-insights.com',
'https://va.vercel-scripts.com',
+ 'https://www.googletagmanager.com',
+ 'https://www.google-analytics.com',
].concat(isDevelopment ? ["'unsafe-inline'", "'unsafe-eval'"] : [`'nonce-${nonce}'`]),
// XXX(mime): we have inline styles around - can we pass nonce around the app properly?