angrybeanie-front-end/pages/_document.js

50 lines
1.7 KiB
JavaScript
Raw Normal View History

2021-02-04 14:27:14 +11:00
import Document, { Html, Head, Main, NextScript } from 'next/document';
2020-12-06 21:49:37 +11:00
import React from 'react';
2021-02-04 14:27:14 +11:00
import { Fragment } from 'react'
import { GA_TRACKING_ID } from '../lib/gtag'
2020-12-06 21:49:37 +11:00
class CustomDocument extends Document {
render() {
return (
2021-02-04 14:27:14 +11:00
<Html lang="en">
2020-12-06 21:49:37 +11:00
<Head>
2021-02-04 14:27:14 +11:00
<Fragment>
{/* Global Site Tag (gtag.js) - Google Analytics */}
<script
async
src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`}
/>
<script
dangerouslySetInnerHTML={{
__html: `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
2021-09-05 16:12:45 +10:00
gtag('config', '${GA_TRACKING_ID}', {
2021-02-04 14:27:14 +11:00
page_path: window.location.pathname,
});
`,
}}
/>
<link rel="icon" href="/images/favicon-32.png" sizes="32x32" />
<link rel="icon" href="/images/favicon-57.png" sizes="57x57" />
<link rel="icon" href="/images/favicon-76.png" sizes="76x76" />
<link rel="icon" href="/images/favicon-96.png" sizes="96x96" />
<link rel="icon" href="/images/favicon-128.png" sizes="128x128" />
<link rel="icon" href="/images/favicon-192.png" sizes="192x192" />
<link rel="icon" href="/images/favicon-228.png" sizes="228x228" />
2021-02-04 14:27:14 +11:00
</Fragment>
2020-12-06 21:49:37 +11:00
<link href="https://fonts.googleapis.com/css?family=Cabin|Jaldi" rel="stylesheet" />
</Head>
<body>
<Main />
<NextScript />
</body>
2021-02-04 14:27:14 +11:00
</Html>
2020-12-06 21:49:37 +11:00
);
}
}
export default CustomDocument;