m/gatsby-plugin-matomo
1
0
Fork 0
mirror of https://github.com/kremalicious/gatsby-plugin-matomo.git synced 2024-12-22 17:23:23 +01:00
Code Releases Activity

Merge pull request #15 from kremalicious/fix/page-tracking

Browse Source 
Page tracking improvements
This commit is contained in:
Matthias Kretschmann 2019-03-30 17:17:12 +01:00 committed by GitHub
commit b9cf5d3984
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/gatsby-browser.js
View File

@ -14,16 +14,42 @@ function getDuration() {
return difference return difference
} }
exports.onRouteUpdate = ({ location }) => { exports.onRouteUpdate = ({ location, prevLocation }) => {
if (process.env.NODE_ENV === 'production' && typeof _paq !== 'undefined') { if (process.env.NODE_ENV === 'production' && typeof _paq !== 'undefined' || window.dev === true) {
window._paq = window._paq || [] const _paq = window._paq || []
window.dev = window.dev || null const dev = window.dev || null
const pathname = location.pathname const url = location.pathname + location.search + location.hash
const prevUrl = prevLocation && prevLocation.pathname + prevLocation.search + prevLocation.hash
// document.title workaround stolen from:
// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-plugin-google-analytics/src/gatsby-browser.js
const sendPageView = () => {
const { title } = document
prevUrl && _paq.push(['setReferrerUrl', prevUrl])
_paq.push(['setCustomUrl', url])
_paq.push(['setDocumentTitle', title])
_paq.push(['trackPageView'])
_paq.push(['enableLinkTracking'])
if (dev) {
console.log(`[Matomo] Page view for: ${url} - ${title}`)
}
}
if ('requestAnimationFrame' in window) {
requestAnimationFrame(() => {
requestAnimationFrame(sendPageView)
})
} else {
// simulate 2 rAF calls
setTimeout(sendPageView, 32)
}
if (first) { if (first) {
first = false first = false
window._paq.push([ _paq.push([
'trackEvent', 'trackEvent',
'javascript', 'javascript',
'load', 'load',
@ -31,18 +57,8 @@ exports.onRouteUpdate = ({ location }) => {
getDuration() getDuration()
]) ])
if (window.dev) { if (dev) {
console.log(`[Matomo] Page view for: ${pathname}`) console.log(`[Matomo] Tracking duration for: ${url}`)
}
} else {
window._paq.push(['setReferrerUrl', pathname])
window._paq.push(['setCustomUrl', pathname])
window._paq.push(['setDocumentTitle', pathname])
window._paq.push(['trackPageView'])
window._paq.push(['enableLinkTracking'])
if (window.dev) {
console.log(`[Matomo] Page view for: ${pathname}`)
} }
} }
} }

2
src/gatsby-ssr.js
View File

@ -13,8 +13,6 @@ function buildTrackingCode(pluginOptions) {
${pluginOptions.disableCookies ? 'window._paq.push([\'disableCookies\']);' : ''} ${pluginOptions.disableCookies ? 'window._paq.push([\'disableCookies\']);' : ''}
window._paq.push(['setTrackerUrl', '${pluginOptions.matomoUrl}/piwik.php']); window._paq.push(['setTrackerUrl', '${pluginOptions.matomoUrl}/piwik.php']);
window._paq.push(['setSiteId', '${pluginOptions.siteId}']); window._paq.push(['setSiteId', '${pluginOptions.siteId}']);
window._paq.push(['trackPageView']);
window._paq.push(['enableLinkTracking']);
window._paq.push(['enableHeartBeatTimer']); window._paq.push(['enableHeartBeatTimer']);
window.start = new Date(); window.start = new Date();