next/document#Head JavaScript Examples
The following examples show how to use
next/document#Head.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
| Source File: _document.js From rsc-www with GNU Affero General Public License v3.0 | 6 votes |
|
render() {
return (
<Html lang="en">
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #2
| Source File: _document.js From lullaby with GNU General Public License v3.0 | 6 votes |
|
render() {
const { lng } = this.props;
return (
<Html lang={lng} dir="ltr">
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #3
| Source File: _document.js From Next.js-e-commerce-online-store with MIT License | 6 votes |
|
render() {
return (
<Html lang="en">
<Head>
<link rel="icon" href="/favicon.ico" />
{/* Google Font */}
<link rel="preconnect" href="https://fonts.gstatic.com"></link>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet"></link>
{/* Bootstrap */}
<link rel="preload" as="style" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossOrigin="anonymous"></link>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossOrigin="anonymous"></link>
<meta name="robots" content="noindex" />
</Head>
<body>
{/* PayPal Checkout */}
<script async src="https://www.paypal.com/sdk/js?client-id=Adrrm9v8CMsKKDnZ4csRq6wdZ245iCGET2k9RiE78vTgtVewM1Cl6MDcwonotjEgmv27vc4733phc21X¤cy=USD"></script>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #4
| Source File: _document.js From next-qrcode with MIT License | 6 votes |
|
render() {
const { pageContext } = this.props;
return (
<html lang="en" dir="ltr">
<Head>
<meta charSet="utf-8" />
{/* Use minimum-scale=1 to enable GPU rasterization */}
<meta
name="viewport"
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
/>
{/* PWA primary color */}
<meta
name="theme-color"
content={pageContext ? pageContext.theme.palette.primary.main : null}
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</html>
);
}
Example #5
| Source File: _document.js From JS-Portfolio with GNU General Public License v3.0 | 6 votes |
|
render() {
return (
<Html>
<Head/>
<body className="bg-dark">
<Main />
<NextScript />
</body>
</Html>
);
}
Example #6
| Source File: _document.js From React-Messenger-App with MIT License | 6 votes |
|
render() {
return (
<Html>
<Head>
</Head>
<body>
<script src="./colorTheme.js" />
<Main />
<NextScript />
</body>
</Html>
);
}
Example #7
| Source File: _document.js From flame-coach-web with MIT License | 6 votes |
|
render() {
return (
<Html lang="en">
<Head>
<meta name="theme-color" content={theme.palette.primary.main} />
<link rel="icon" type="image/x-icon" href="/favicon/favicon.ico" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto+Slab|Roboto:300,400,500,700"
/>
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" />
<link rel="manifest" href="/manifest.json" />
{/* FIXME: Please review this, docs advice not change this CSS */}
<style>
{`
#__next { height: 100% }
`}
</style>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #8
| Source File: _document.js From website with MIT License | 6 votes |
|
render() {
return (
<Html>
<Head>
{/* Global Site Tag (gtag.js) - Google Analytics */}
<script async src={`https://www.googletagmanager.com/gtag/js`} />
<script
dangerouslySetInnerHTML={{
__html: `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-173491025-1', {
page_path: window.location.pathname,
});
`,
}}
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #9
| Source File: _document.js From Uno_Game with MIT License | 6 votes |
|
render() {
return (
<Html lang={documentLang(this.props)}>
<Head>
{/* Global Site Tag (gtag.js) - Google Analytics */}
{process.env.GA_TRACKING_ID && (
<Fragment>
<script
async
src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GA_TRACKING_ID}`}
/>
<script
dangerouslySetInnerHTML={{
__html: `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '${process.env.GA_TRACKING_ID}', {
page_path: window.location.pathname,
});
`,
}}
/>
</Fragment>
)}
<link rel="preconnect" href="https://www.google-analytics.com" />
<link rel="preconnect" href="https://firestore.googleapis.com" />
</Head>
<body className="font-sans leading-normal">
<Main />
<NextScript />
</body>
</Html>
);
}
Example #10
| Source File: _document.js From nextjs-101 with MIT License | 6 votes |
|
render() {
const { isProduction } = this.props;
return (
<Html lang="en">
<Head>
{/* We only want to add the scripts if in production */}
{isProduction && (
<>
{/* 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());
gtag('config', '${GA_TRACKING_ID}', {
page_path: window.location.pathname,
});
`,
}}
/>
</>
)}
</Head>
<body className="antialiased bg-gray-100">
<Main />
<NextScript />
</body>
</Html>
);
}
Example #11
| Source File: _document.js From nextjs-starter-blog with MIT License | 6 votes |
|
render() {
const siteMetadata = getSiteMetaData();
return (
<Html lang={siteMetadata.language}>
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #12
| Source File: _document.js From winstall with GNU General Public License v3.0 | 6 votes |
|
render() {
return (
<Html lang="en">
<Head/>
<body>
<Main />
<NextScript />
</body>
<a id="gsc" href="#" download="winstall.bat" />
<link
href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&display=swap"
rel="stylesheet"
/>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-48569869-4"></script>
<script
dangerouslySetInnerHTML={{
__html: `
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-48569869-4');
`,
}}
/>
</Html>
);
}
Example #13
| Source File: _document.js From Hacktoberfest-2020 with MIT License | 6 votes |
|
render() {
return (
<html>
<Head>
<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());
gtag('config', '${GA_TRACKING_ID}', {
page_path: window.location.pathname,
});
`,
}}
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</html>
)
}
Example #14
| Source File: _document.js From Simplify-Testing-with-React-Testing-Library with MIT License | 6 votes |
|
render() {
return (
<Html lang="en">
<Head>
<script src="http://localhost:8097"></script>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #15
| Source File: _document.js From paras-landing with GNU General Public License v3.0 | 6 votes |
|
render() {
return (
<Html>
<Head>
<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());
gtag('config', '${GA_TRACKING_ID}');
`,
}}
/>
</Fragment>
</Head>
<body>
<script>0</script>
<noscript>
<iframe
src={`https://www.googletagmanager.com/ns.html?id=${GTM_ID}`}
height="0"
width="0"
style={{ display: 'none', visibility: 'hidden' }}
/>
</noscript>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #16
| Source File: _document.js From proof-of-humanity-web with MIT License | 6 votes |
|
render() {
return (
<Html>
<Head>
<link rel="shortcut icon" href="/favicon.ico" />
<GoogleFont typography={typography} />
<meta
property="og:title"
content="Proof of Humanity, a sybil-proof list of humans."
/>
<meta
property="og:description"
content="Proof of Humanity, a system combining webs of trust, with reverse Turing tests, and dispute resolution to create a sybil-proof list of humans."
/>
<meta
property="og:image"
content="https://app.proofofhumanity.id/images/open-graph-image.png"
/>
<meta property="og:url" content="https://www.proofofhumanity.id/" />
<meta name="twitter:card" content="summary_large_image" />
</Head>
<Box as="body">
<InitializeColorMode />
<Main />
<NextScript />
</Box>
</Html>
);
}
Example #17
| Source File: _document.js From dscbppimt-official-website with MIT License | 6 votes |
|
render() {
return (
<Html lang="en">
<Head>
{/* PWA primary color */}
<link rel="preload" href="/fonts/google-sans.woff2" as="font/woff2" />
<link rel="shortcut icon" href="/images/favicon.png" />
<meta name="theme-color" content="#1FA9E5" />
<meta charSet="UTF-8" />
<meta id="meta-description" name="description" content="Developer Student Club BPPIMT. Our goal is to help nurture future developers and leaders and create a pool of highly skilled tech workforce, which is readily employable by the Industry and help spur innovation." />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #18
| Source File: _document.js From x-admin-device-donation with MIT License | 6 votes |
|
render() {
return (
<Html lang="en" className="notranslate" translate="no">
<Head>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
></link>
<meta name="google" content="notranslate" />
{/* Global Site Tag (gtag.js) - Google Analytics */}
<script
async
src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_TAG_ID}`}
/>
<script
dangerouslySetInnerHTML={{
__html: `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '${process.env.NEXT_PUBLIC_GA_TAG_ID}', {
page_path: window.location.pathname,
});`,
}}
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #19
| Source File: _document.js From flatris-LAB_V1 with MIT License | 6 votes |
|
render() {
return (
<html>
<Head />
<body>
<Main />
<NextScript />
<script
dangerouslySetInnerHTML={{
__html: `
var _rollbarConfig = {
accessToken: ${JSON.stringify(
ROLLBAR_POST_CLIENT_ITEM_ACCESS_TOKEN
)},
ignoredMessages: ['(unknown): Script error', '(unknown): [unhandledrejection]'],
captureUncaught: true,
captureUnhandledRejections: true,
verbose: true,
payload: {
environment: ${JSON.stringify(NODE_ENV)}
}
};
// Rollbar Snippet
!function(r){function e(n){if(o[n])return o[n].exports;var t=o[n]={exports:{},id:n,loaded:!1};return r[n].call(t.exports,t,t.exports,e),t.loaded=!0,t.exports}var o={};return e.m=r,e.c=o,e.p="",e(0)}([function(r,e,o){"use strict";var n=o(1),t=o(4);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdnjs.cloudflare.com/ajax/libs/rollbar.js/2.3.9/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,e,o){"use strict";function n(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}function t(r,e){this.options=r,this._rollbarOldOnError=null;var o=s++;this.shimId=function(){return o},"undefined"!=typeof window&&window._rollbarShims&&(window._rollbarShims[o]={handler:e,messages:[]})}function a(r,e){if(r){var o=e.globalAlias||"Rollbar";if("object"==typeof r[o])return r[o];r._rollbarShims={},r._rollbarWrappedError=null;var t=new p(e);return n(function(){e.captureUncaught&&(t._rollbarOldOnError=r.onerror,i.captureUncaughtExceptions(r,t,!0),i.wrapGlobals(r,t,!0)),e.captureUnhandledRejections&&i.captureUnhandledRejections(r,t,!0);var n=e.autoInstrument;return e.enabled!==!1&&(void 0===n||n===!0||"object"==typeof n&&n.network)&&r.addEventListener&&(r.addEventListener("load",t.captureLoad.bind(t)),r.addEventListener("DOMContentLoaded",t.captureDomContentLoaded.bind(t))),r[o]=t,t})()}}function l(r){return n(function(){var e=this,o=Array.prototype.slice.call(arguments,0),n={shim:e,method:r,args:o,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)})}var i=o(2),s=0,d=o(3),c=function(r,e){return new t(r,e)},p=d.bind(null,c);t.prototype.loadFull=function(r,e,o,t,a){var l=function(){var e;if(void 0===r._rollbarDidLoad){e=new Error("rollbar.js did not load");for(var o,n,t,l,i=0;o=r._rollbarShims[i++];)for(o=o.messages||[];n=o.shift();)for(t=n.args||[],i=0;i<t.length;++i)if(l=t[i],"function"==typeof l){l(e);break}}"function"==typeof a&&a(e)},i=!1,s=e.createElement("script"),d=e.getElementsByTagName("script")[0],c=d.parentNode;s.crossOrigin="",s.src=t.rollbarJsUrl,o||(s.async=!0),s.onload=s.onreadystatechange=n(function(){if(!(i||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){s.onload=s.onreadystatechange=null;try{c.removeChild(s)}catch(r){}i=!0,l()}}),c.insertBefore(s,d)},t.prototype.wrap=function(r,e,o){try{var n;if(n="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){o&&"function"==typeof o&&o.apply(this,arguments);try{return r.apply(this,arguments)}catch(o){var e=o;throw"string"==typeof e&&(e=new String(e)),e._rollbarContext=n()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e,e}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(e){return r}};for(var u="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),f=0;f<u.length;++f)t.prototype[u[f]]=l(u[f]);r.exports={setupShim:a,Rollbar:p}},function(r,e){"use strict";function o(r,e,o){if(r){var t;"function"==typeof e._rollbarOldOnError?t=e._rollbarOldOnError:r.onerror&&!r.onerror.belongsToShim&&(t=r.onerror,e._rollbarOldOnError=t);var a=function(){var o=Array.prototype.slice.call(arguments,0);n(r,e,t,o)};a.belongsToShim=o,r.onerror=a}}function n(r,e,o,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null),e.handleUncaughtException.apply(e,n),o&&o.apply(r,n)}function t(r,e,o){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var o,n,t;try{o=r.reason}catch(r){o=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting \`promise\` from event"}try{t=r.detail,!o&&t&&(o=t.reason,n=t.promise)}catch(r){t="[unhandledrejection] error getting \`detail\` from event"}o||(o="[unhandledrejection] error getting \`reason\` from event"),e&&e.handleUnhandledRejection&&e.handleUnhandledRejection(o,n)};n.belongsToShim=o,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}}function a(r,e,o){if(r){var n,t,a="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(n=0;n<a.length;++n)t=a[n],r[t]&&r[t].prototype&&l(e,r[t].prototype,o)}}function l(r,e,o){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){for(var n=e.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(e,o,t){n.call(this,e,r.wrap(o),t)};t._rollbarOldAdd=n,t.belongsToShim=o,e.addEventListener=t;for(var a=e.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,e,o){a.call(this,r,e&&e._rollbar_wrapped||e,o)};l._rollbarOldRemove=a,l.belongsToShim=o,e.removeEventListener=l}}r.exports={captureUncaughtExceptions:o,captureUnhandledRejections:t,wrapGlobals:a}},function(r,e){"use strict";function o(r,e){this.impl=r(e,this),this.options=e,n(o.prototype)}function n(r){for(var e=function(r){return function(){var e=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,e)}},o="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<o.length;n++)r[o[n]]=e(o[n])}o.prototype._swapAndProcessMessages=function(r,e){this.impl=r(this.options);for(var o,n,t;o=e.shift();)n=o.method,t=o.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],o.ts]):this[n].apply(this,t));return this},r.exports=o},function(r,e){"use strict";r.exports=function(r){return function(e){if(!e&&!window._rollbarInitialized){r=r||{};for(var o,n,t=r.globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;o=window._rollbarShims[i++];)n||(n=o.handler),o.handler._swapAndProcessMessages(l,o.messages);window[t]=n,window._rollbarInitialized=!0}}}}]);
// End Rollbar Snippet`
}}
/>
</body>
</html>
);
}
Example #20
| Source File: _document.js From nextjs-ipfs-example with MIT License | 6 votes |
|
render() {
return (
<Html>
<Head>
<script dangerouslySetInnerHTML={{__html: scriptTxt}}/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #21
| Source File: _document.js From website with GNU General Public License v3.0 | 6 votes |
|
render() {
return (
<Html lang="en">
<Head />
<body className="bg-gray-900 text-white">
<Main />
<NextScript />
</body>
</Html>
)
}
Example #22
| Source File: _document.js From million-site with MIT License | 6 votes |
|
render() {
const meta = {
title: 'Million',
description: `? <1kb compiler-augmented virtual DOM. It's fast!`,
image: '/icon.svg',
};
return (
<Html lang="en">
<Head>
<meta name="robots" content="follow, index" />
<meta name="description" content={meta.description} />
<meta property="og:site_name" content={meta.title} />
<meta property="og:description" content={meta.description} />
<meta property="og:title" content={meta.title} />
<meta property="og:image" content={meta.image} />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={meta.title} />
<meta name="twitter:description" content={meta.description} />
<meta name="twitter:image" content={meta.image} />
<link rel="icon" type="image/png" href={meta.image} />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #23
| Source File: _document.jsx From NextBook with MIT License | 6 votes |
|
render() {
return (
<Html lang={config.locale}>
<Head />
<body className='bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-100'>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #24
| Source File: _document.js From vote-incentives with GNU General Public License v3.0 | 6 votes |
|
render() {
return (
<Html lang="en">
<Head>
<link rel="stylesheet" href="/fonts/Inter/inter.css" />
<link rel="stylesheet" href="/fonts/Druk/Druk.css" />
<link rel="stylesheet" href="/fonts/GrtskGiga/stylesheet.css" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #25
| Source File: _document.js From next-global-css with MIT License | 6 votes |
|
render() {
return (
<Html>
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #26
| Source File: _document.js From benjamincarlson.io with MIT License | 6 votes |
|
render() {
return (
<Html lang="en">
<GoogleFonts href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" />
<Head>
{/* Google Adsense */}
<script data-ad-client="ca-pub-8586017200531248" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
{/* 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());
gtag('config', '${GA_TRACKING_ID}', {
page_path: window.location.pathname,
});
`,
}}
/>
</Head>
<body>
<ColorModeScript initialColorMode={theme.config.initialColorMode}/>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #27
| Source File: _document.js From youtube with MIT License | 6 votes |
|
render() {
return (
<Html>
<Head>
{/* Google Adsense */}
<script data-ad-client="<Your value here>" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
{/* 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());
gtag('config', '${GA_TRACKING_ID}', {
page_path: window.location.pathname,
});
`,
}}
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
Example #28
| Source File: _document.js From nextjs-boilerplate with MIT License | 6 votes |
|
render() {
const { styles } = this.props;
return (
<Html lang="en">
<Head>
<meta httpEquiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="application-name" content="App" />
<link rel="shortcut icon" href="/favicon.ico" />
{styles}
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossOrigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<script
src="https://kit.fontawesome.com/1e9a19c97c.js"
crossOrigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossOrigin="anonymous"
></script>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Example #29
| Source File: _document.js From covid-19-date-la-zi with Mozilla Public License 2.0 | 6 votes |
|
render() {
return (
<Html lang="ro">
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
