121 lines
3.1 KiB
JavaScript
121 lines
3.1 KiB
JavaScript
// eslint-disable-next-line no-unused-vars
|
|
import React from 'react'
|
|
|
|
function buildTrackingCode(pluginOptions) {
|
|
const {
|
|
matomoUrl,
|
|
matomoPhpScript = 'piwik.php',
|
|
matomoJsScript = 'piwik.js',
|
|
siteId,
|
|
dev,
|
|
localScript,
|
|
requireConsent,
|
|
requireCookieConsent,
|
|
disableCookies,
|
|
cookieDomain,
|
|
respectDnt = true
|
|
} = pluginOptions
|
|
|
|
const script = localScript ? localScript : `${matomoUrl}/${matomoJsScript}`
|
|
|
|
const dntCondition = respectDnt
|
|
? `!(navigator.doNotTrack === '1' || window.doNotTrack === '1')`
|
|
: `true`
|
|
|
|
const html = `
|
|
window.dev = ${dev}
|
|
if (window.dev === true || ${dntCondition}) {
|
|
window._paq = window._paq || [];
|
|
${requireConsent ? "window._paq.push(['requireConsent']);" : ''}
|
|
${
|
|
requireCookieConsent
|
|
? "window._paq.push(['requireCookieConsent']);"
|
|
: ''
|
|
}
|
|
${disableCookies ? "window._paq.push(['disableCookies']);" : ''}
|
|
${
|
|
cookieDomain
|
|
? `window._paq.push(['setCookieDomain', '${cookieDomain}']);`
|
|
: ''
|
|
}
|
|
window._paq.push(['setTrackerUrl', '${matomoUrl}/${matomoPhpScript}']);
|
|
window._paq.push(['setSiteId', '${siteId}']);
|
|
window._paq.push(['enableHeartBeatTimer']);
|
|
window.start = new Date();
|
|
|
|
(function() {
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src='${script}'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
|
|
if (window.dev === true) {
|
|
console.debug('[Matomo] Tracking initialized')
|
|
console.debug('[Matomo] matomoUrl: ${matomoUrl}, siteId: ${siteId}')
|
|
}
|
|
}
|
|
`
|
|
|
|
return (
|
|
<script
|
|
key="script-gatsby-plugin-matomo"
|
|
dangerouslySetInnerHTML={{ __html: html }}
|
|
/>
|
|
)
|
|
}
|
|
|
|
function buildTrackingCodeNoJs(pluginOptions, pathname) {
|
|
const {
|
|
matomoUrl,
|
|
matomoPhpScript = 'piwik.php',
|
|
siteId,
|
|
siteUrl
|
|
} = pluginOptions
|
|
const html = `<img src="${matomoUrl}/${matomoPhpScript}?idsite=${siteId}&rec=1&url=${
|
|
siteUrl + pathname
|
|
}" style="border:0" alt="tracker" />`
|
|
|
|
return (
|
|
<noscript
|
|
key="noscript-gatsby-plugin-matomo"
|
|
dangerouslySetInnerHTML={{ __html: html }}
|
|
/>
|
|
)
|
|
}
|
|
|
|
function buildHead(pluginOptions) {
|
|
return (
|
|
<link
|
|
rel="preconnect"
|
|
href={pluginOptions.matomoUrl}
|
|
key="preconnect-gatsby-plugin-matomo"
|
|
/>
|
|
)
|
|
}
|
|
|
|
export const onRenderBody = (
|
|
{ setHeadComponents, setPostBodyComponents, pathname },
|
|
pluginOptions
|
|
) => {
|
|
const isProduction = process.env.NODE_ENV === 'production'
|
|
let excludePaths = ['/offline-plugin-app-shell-fallback/']
|
|
|
|
if (pluginOptions && typeof pluginOptions.exclude !== 'undefined') {
|
|
pluginOptions.exclude.map((exclude) => {
|
|
excludePaths.push(exclude)
|
|
})
|
|
}
|
|
|
|
const isPathExcluded = excludePaths.some((path) => pathname === path)
|
|
|
|
if (
|
|
(isProduction || (pluginOptions && pluginOptions.dev === true)) &&
|
|
!isPathExcluded
|
|
) {
|
|
setHeadComponents([buildHead(pluginOptions)])
|
|
setPostBodyComponents([
|
|
buildTrackingCode(pluginOptions),
|
|
buildTrackingCodeNoJs(pluginOptions, pathname)
|
|
])
|
|
}
|
|
}
|