3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-10 15:47:23 +02:00
Code Issues Projects Releases Packages Wiki Activity

perf(v2): more performant gtag and analytics plugin (#2070)

Browse source 
* perf(v2): more performant gtag and analytics plugin

* more spec compliant

* optimize n refactor

* typo

* review
This commit is contained in:
Endi 2019-12-01 19:55:21 +07:00 • committed by GitHub
parent 750d1654a5
commit 046a53ebf4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 124 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

48
packages/docusaurus-plugin-google-analytics/src/analytics.js
View file

@ -5,57 +5,11 @@
* LICENSE file in the root directory of this source tree.
*/
import siteConfig from '@generated/docusaurus.config';
const {themeConfig} = siteConfig;
export default (function() {
if (!themeConfig.googleAnalytics) {
if (typeof window === 'undefined') {
return null;
}
const {trackingID} = themeConfig.googleAnalytics;
if (process.env.NODE_ENV === 'development' && !trackingID) {
console.warn(
'You specified the `googleAnalytics` object in `themeConfig` but the `trackingID` field was missing. ' +
'Please ensure this is not a mistake.',
);
return null;
}
if (
process.env.NODE_ENV !== 'production' ||
!trackingID ||
typeof window === 'undefined'
) {
return null;
}
/* eslint-disable */
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function() {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(
window,
document,
'script',
'https://www.google-analytics.com/analytics.js',
'ga',
);
/* eslint-enable */
window.ga('create', trackingID, 'auto');
window.ga('send', 'pageview');
return {
onRouteUpdate({location}) {
// Set page so that subsequent hits on this page are attributed

56
packages/docusaurus-plugin-google-analytics/src/index.js
View file

@ -7,12 +7,64 @@
const path = require('path');
module.exports = function() {
module.exports = function(context) {
const {siteConfig} = context;
const {themeConfig} = siteConfig;
const {googleAnalytics} = themeConfig || {};
if (!googleAnalytics) {
throw new Error(
`You need to specify 'googleAnalytics' object in 'themeConfig' with 'trackingId' field in it to use docusaurus-plugin-google-analytics`,
);
}
const {trackingID} = googleAnalytics;
if (!trackingID) {
throw new Error(
'You specified the `googleAnalytics` object in `themeConfig` but the `trackingID` field was missing. ' +
'Please ensure this is not a mistake.',
);
}
const isProd = process.env.NODE_ENV === 'production';
return {
name: 'docusaurus-plugin-google-analytics',
getClientModules() {
return [path.resolve(__dirname, './analytics')];
return isProd ? [path.resolve(__dirname, './analytics')] : [];
},
injectHtmlTags() {
if (!isProd) {
return {};
}
return {
headTags: [
{
tagName: 'link',
attributes: {
rel: 'preconnect',
href: 'https://www.google-analytics.com',
},
},
// https://developers.google.com/analytics/devguides/collection/analyticsjs/#alternative_async_tag
{
tagName: 'script',
innerHTML: `
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', '${trackingID}', 'auto');
ga('send', 'pageview');
`,
},
{
tagName: 'script',
attributes: {
async: true,
src: 'https://www.google-analytics.com/analytics.js',
},
},
],
};
},
};
};