mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-13 10:19:17 -05:00
a9af85b6ab
[web] Implement `plans-page-click` event on new plans page GitOrigin-RevId: 1dbfc5faa433985c1ad81ba645cdb8f6f3a0b864
63 lines
1.9 KiB
JavaScript
63 lines
1.9 KiB
JavaScript
import * as eventTracking from '../../infrastructure/event-tracking'
|
|
import { debugConsole } from '@/utils/debugging'
|
|
|
|
function setupEventTracking(el) {
|
|
const key = el.getAttribute('event-tracking')
|
|
const action = el.getAttribute('event-tracking-action') || key
|
|
const label = el.getAttribute('event-tracking-label') || ''
|
|
const gaCategory = el.getAttribute('event-tracking-ga')
|
|
const sendMB = el.getAttribute('event-tracking-mb')
|
|
const trigger = el.getAttribute('event-tracking-trigger')
|
|
const sendOnce = el.getAttribute('event-tracking-send-once')
|
|
const element = el.getAttribute('event-tracking-element')
|
|
|
|
function submit() {
|
|
const segmentation = JSON.parse(
|
|
el.getAttribute('event-segmentation') || '{}'
|
|
)
|
|
segmentation.page = window.location.pathname
|
|
|
|
if (element === 'checkbox') {
|
|
segmentation.checkbox = el.checked ? 'checked' : 'unchecked'
|
|
} else if (element === 'select') {
|
|
segmentation.selectValue = el.value
|
|
}
|
|
|
|
if (sendMB) {
|
|
if (sendOnce) {
|
|
eventTracking.sendMBOnce(key, segmentation)
|
|
} else {
|
|
eventTracking.sendMB(key, segmentation)
|
|
}
|
|
}
|
|
if (gaCategory) {
|
|
if (sendOnce) {
|
|
eventTracking.sendOnce(gaCategory, action, label)
|
|
} else {
|
|
eventTracking.send(gaCategory, action, label)
|
|
}
|
|
}
|
|
}
|
|
|
|
let timer
|
|
let timeoutAmt = 500
|
|
switch (trigger) {
|
|
case 'click':
|
|
el.addEventListener('click', () => submit())
|
|
break
|
|
case 'hover':
|
|
if (el.getAttribute('event-hover-amt')) {
|
|
timeoutAmt = parseInt(el.getAttribute('event-hover-amt'), 10)
|
|
}
|
|
el.addEventListener('mouseenter', () => {
|
|
timer = setTimeout(() => submit(), timeoutAmt)
|
|
})
|
|
el.addEventListener('mouseleave', () => clearTimeout(timer))
|
|
break
|
|
|
|
default:
|
|
debugConsole.error(`unsupported event tracking action: ${trigger}`)
|
|
}
|
|
}
|
|
|
|
document.querySelectorAll('[event-tracking]').forEach(setupEventTracking)
|