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} ); 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?