You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

AnalyticsEvents.js 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700
  1. /**
  2. * The constant for the event type 'track'.
  3. * TODO: keep these constants in a single place. Can we import them from
  4. * lib-jitsi-meet's AnalyticsEvents somehow?
  5. * @type {string}
  6. */
  7. const TYPE_TRACK = 'track';
  8. /**
  9. * The constant for the event type 'UI' (User Interaction).
  10. * TODO: keep these constants in a single place. Can we import them from
  11. * lib-jitsi-meet's AnalyticsEvents somehow?
  12. * @type {string}
  13. */
  14. const TYPE_UI = 'ui';
  15. /**
  16. * The identifier for the "pinned" action. The local participant has pinned a
  17. * participant to remain on large video.
  18. *
  19. * @type {String}
  20. */
  21. export const ACTION_PINNED = 'pinned';
  22. /**
  23. * The identifier for the "unpinned" action. The local participant has unpinned
  24. * a participant so the participant doesn't remain permanently on local large
  25. * video.
  26. *
  27. * @type {String}
  28. */
  29. export const ACTION_UNPINNED = 'unpinned';
  30. /**
  31. * The identifier for the "pressed" action for shortcut events. This action
  32. * means that a button was pressed (and not yet released).
  33. *
  34. * @type {String}
  35. */
  36. export const ACTION_SHORTCUT_PRESSED = 'pressed';
  37. /**
  38. * The identifier for the "released" action for shortcut events. This action
  39. * means that a button which was previously pressed was released.
  40. *
  41. * @type {String}
  42. */
  43. export const ACTION_SHORTCUT_RELEASED = 'released';
  44. /**
  45. * The identifier for the "triggered" action for shortcut events. This action
  46. * means that a button was pressed, and we don't care about whether it was
  47. * released or will be released in the future.
  48. *
  49. * @type {String}
  50. */
  51. export const ACTION_SHORTCUT_TRIGGERED = 'triggered';
  52. /**
  53. * The name of the keyboard shortcut or toolbar button for muting audio.
  54. */
  55. export const AUDIO_MUTE = 'audio.mute';
  56. /**
  57. * The name of the keyboard shortcut or toolbar button for muting video.
  58. */
  59. export const VIDEO_MUTE = 'video.mute';
  60. /**
  61. * Creates an event which indicates that a certain action was requested through
  62. * the jitsi-meet API.
  63. *
  64. * @param {Object} action - The action which was requested through the
  65. * jitsi-meet API.
  66. * @param {Object} attributes - Attributes to attach to the event.
  67. * @returns {Object} The event in a format suitable for sending via
  68. * sendAnalytics.
  69. */
  70. export function createApiEvent(action, attributes = {}) {
  71. return {
  72. action,
  73. attributes,
  74. source: 'jitsi-meet-api'
  75. };
  76. }
  77. /**
  78. * Creates an event which indicates that the audio-only mode has been changed.
  79. *
  80. * @param {boolean} enabled - True if audio-only is enabled, false otherwise.
  81. * @returns {Object} The event in a format suitable for sending via
  82. * sendAnalytics.
  83. */
  84. export function createAudioOnlyChangedEvent(enabled) {
  85. return {
  86. action: `audio.only.${enabled ? 'enabled' : 'disabled'}`
  87. };
  88. }
  89. /**
  90. * Creates an event for about the JitsiConnection.
  91. *
  92. * @param {string} action - The action that the event represents.
  93. * @param {boolean} attributes - Additional attributes to attach to the event.
  94. * @returns {Object} The event in a format suitable for sending via
  95. * sendAnalytics.
  96. */
  97. export function createConnectionEvent(action, attributes = {}) {
  98. return {
  99. action,
  100. actionSubject: 'connection',
  101. attributes
  102. };
  103. }
  104. /**
  105. * Creates an event which indicates an action occurred in the calendar
  106. * integration UI.
  107. *
  108. * @param {string} eventName - The name of the calendar UI event.
  109. * @param {Object} attributes - Attributes to attach to the event.
  110. * @returns {Object} The event in a format suitable for sending via
  111. * sendAnalytics.
  112. */
  113. export function createCalendarClickedEvent(eventName, attributes = {}) {
  114. return {
  115. action: 'clicked',
  116. actionSubject: eventName,
  117. attributes,
  118. source: 'calendar',
  119. type: TYPE_UI
  120. };
  121. }
  122. /**
  123. * Creates an event which indicates that the calendar container is shown and
  124. * selected.
  125. *
  126. * @param {Object} attributes - Attributes to attach to the event.
  127. * @returns {Object} The event in a format suitable for sending via
  128. * sendAnalytics.
  129. */
  130. export function createCalendarSelectedEvent(attributes = {}) {
  131. return {
  132. action: 'selected',
  133. actionSubject: 'calendar.selected',
  134. attributes,
  135. source: 'calendar',
  136. type: TYPE_UI
  137. };
  138. }
  139. /**
  140. * Creates an event indicating that a calendar has been connected.
  141. *
  142. * @param {boolean} attributes - Additional attributes to attach to the event.
  143. * @returns {Object} The event in a format suitable for sending via
  144. * sendAnalytics.
  145. */
  146. export function createCalendarConnectedEvent(attributes = {}) {
  147. return {
  148. action: 'calendar.connected',
  149. actionSubject: 'calendar.connected',
  150. attributes
  151. };
  152. }
  153. /**
  154. * Creates an event which indicates an action occurred in the recent list
  155. * integration UI.
  156. *
  157. * @param {string} eventName - The name of the recent list UI event.
  158. * @param {Object} attributes - Attributes to attach to the event.
  159. * @returns {Object} The event in a format suitable for sending via
  160. * sendAnalytics.
  161. */
  162. export function createRecentClickedEvent(eventName, attributes = {}) {
  163. return {
  164. action: 'clicked',
  165. actionSubject: eventName,
  166. attributes,
  167. source: 'recent.list',
  168. type: TYPE_UI
  169. };
  170. }
  171. /**
  172. * Creates an event which indicates that the recent list container is shown and
  173. * selected.
  174. *
  175. * @param {Object} attributes - Attributes to attach to the event.
  176. * @returns {Object} The event in a format suitable for sending via
  177. * sendAnalytics.
  178. */
  179. export function createRecentSelectedEvent(attributes = {}) {
  180. return {
  181. action: 'selected',
  182. actionSubject: 'recent.list.selected',
  183. attributes,
  184. source: 'recent.list',
  185. type: TYPE_UI
  186. };
  187. }
  188. /**
  189. * Creates an event for an action on the deep linking page.
  190. *
  191. * @param {string} action - The action that the event represents.
  192. * @param {string} actionSubject - The subject that was acted upon.
  193. * @param {boolean} attributes - Additional attributes to attach to the event.
  194. * @returns {Object} The event in a format suitable for sending via
  195. * sendAnalytics.
  196. */
  197. export function createDeepLinkingPageEvent(
  198. action, actionSubject, attributes = {}) {
  199. return {
  200. action,
  201. actionSubject,
  202. source: 'deepLinkingPage',
  203. attributes
  204. };
  205. }
  206. /**
  207. * Creates an event which indicates that a device was changed.
  208. *
  209. * @param {string} mediaType - The media type of the device ('audio' or
  210. * 'video').
  211. * @param {string} deviceType - The type of the device ('input' or 'output').
  212. * @returns {Object} The event in a format suitable for sending via
  213. * sendAnalytics.
  214. */
  215. export function createDeviceChangedEvent(mediaType, deviceType) {
  216. return {
  217. action: 'device.changed',
  218. attributes: {
  219. 'device_type': deviceType,
  220. 'media_type': mediaType
  221. }
  222. };
  223. }
  224. /**
  225. * Creates an event which specifies that the feedback dialog has been opened.
  226. *
  227. * @returns {Object} The event in a format suitable for sending via
  228. * sendAnalytics.
  229. */
  230. export function createFeedbackOpenEvent() {
  231. return {
  232. action: 'feedback.opened'
  233. };
  234. }
  235. /**
  236. * Creates an event for an action regarding the AddPeopleDialog (invites).
  237. *
  238. * @param {string} action - The action that the event represents.
  239. * @param {string} actionSubject - The subject that was acted upon.
  240. * @param {boolean} attributes - Additional attributes to attach to the event.
  241. * @returns {Object} The event in a format suitable for sending via
  242. * sendAnalytics.
  243. */
  244. export function createInviteDialogEvent(
  245. action, actionSubject, attributes = {}) {
  246. return {
  247. action,
  248. actionSubject,
  249. attributes,
  250. source: 'inviteDialog'
  251. };
  252. }
  253. /**
  254. * Creates an "offer/answer failure" event.
  255. *
  256. * @returns {Object} The event in a format suitable for sending via
  257. * sendAnalytics.
  258. */
  259. export function createOfferAnswerFailedEvent() {
  260. return {
  261. action: 'offer.answer.failure'
  262. };
  263. }
  264. /**
  265. * Creates a "page reload" event.
  266. *
  267. * @param {string} reason - The reason for the reload.
  268. * @param {number} timeout - The timeout in seconds after which the page is
  269. * scheduled to reload.
  270. * @param {Object} details - The details for the error.
  271. * @returns {Object} The event in a format suitable for sending via
  272. * sendAnalytics.
  273. */
  274. export function createPageReloadScheduledEvent(reason, timeout, details) {
  275. return {
  276. action: 'page.reload.scheduled',
  277. attributes: {
  278. reason,
  279. timeout,
  280. ...details
  281. }
  282. };
  283. }
  284. /**
  285. * Creates a "pinned" or "unpinned" event.
  286. *
  287. * @param {string} action - The action ("pinned" or "unpinned").
  288. * @param {string} participantId - The ID of the participant which was pinned.
  289. * @param {Object} attributes - Attributes to attach to the event.
  290. * @returns {Object} The event in a format suitable for sending via
  291. * sendAnalytics.
  292. */
  293. export function createPinnedEvent(action, participantId, attributes) {
  294. return {
  295. type: TYPE_TRACK,
  296. action,
  297. actionSubject: 'participant',
  298. objectType: 'participant',
  299. objectId: participantId,
  300. attributes
  301. };
  302. }
  303. /**
  304. * Creates an event which indicates that a button in the profile panel was
  305. * clicked.
  306. *
  307. * @param {string} buttonName - The name of the button.
  308. * @param {Object} attributes - Attributes to attach to the event.
  309. * @returns {Object} The event in a format suitable for sending via
  310. * sendAnalytics.
  311. */
  312. export function createProfilePanelButtonEvent(buttonName, attributes = {}) {
  313. return {
  314. action: 'clicked',
  315. actionSubject: buttonName,
  316. attributes,
  317. source: 'profile.panel',
  318. type: TYPE_UI
  319. };
  320. }
  321. /**
  322. * Creates an event which indicates that a specific button on one of the
  323. * recording-related dialogs was clicked.
  324. *
  325. * @param {string} dialogName - The name of the dialog (e.g. 'start' or 'stop').
  326. * @param {string} buttonName - The name of the button (e.g. 'confirm' or
  327. * 'cancel').
  328. * @param {Object} attributes - Attributes to attach to the event.
  329. * @returns {Object} The event in a format suitable for sending via
  330. * sendAnalytics.
  331. */
  332. export function createRecordingDialogEvent(
  333. dialogName, buttonName, attributes = {}) {
  334. return {
  335. action: 'clicked',
  336. actionSubject: buttonName,
  337. attributes,
  338. source: `${dialogName}.recording.dialog`,
  339. type: TYPE_UI
  340. };
  341. }
  342. /**
  343. * Creates an event which indicates that a specific button on one of the
  344. * liveStreaming-related dialogs was clicked.
  345. *
  346. * @param {string} dialogName - The name of the dialog (e.g. 'start' or 'stop').
  347. * @param {string} buttonName - The name of the button (e.g. 'confirm' or
  348. * 'cancel').
  349. * @returns {Object} The event in a format suitable for sending via
  350. * sendAnalytics.
  351. */
  352. export function createLiveStreamingDialogEvent(dialogName, buttonName) {
  353. return {
  354. action: 'clicked',
  355. actionSubject: buttonName,
  356. source: `${dialogName}.liveStreaming.dialog`,
  357. type: TYPE_UI
  358. };
  359. }
  360. /**
  361. * Creates an event with the local tracks duration.
  362. *
  363. * @param {Object} duration - The object with the duration of the local tracks.
  364. * @returns {Object} The event in a format suitable for sending via
  365. * sendAnalytics.
  366. */
  367. export function createLocalTracksDurationEvent(duration) {
  368. const { audio, video, conference } = duration;
  369. const { camera, desktop } = video;
  370. return {
  371. action: 'local.tracks.durations',
  372. attributes: {
  373. audio: audio.value,
  374. camera: camera.value,
  375. conference: conference.value,
  376. desktop: desktop.value
  377. }
  378. };
  379. }
  380. /**
  381. * Creates an event which indicates that an action related to recording has
  382. * occured.
  383. *
  384. * @param {string} action - The action (e.g. 'start' or 'stop').
  385. * @param {string} type - The recording type (e.g. 'file' or 'live').
  386. * @param {number} value - The duration of the recording in seconds (for stop
  387. * action).
  388. * @returns {Object} The event in a format suitable for sending via
  389. * sendAnalytics.
  390. */
  391. export function createRecordingEvent(action, type, value) {
  392. return {
  393. action,
  394. actionSubject: `recording.${type}`,
  395. attributes: {
  396. value
  397. }
  398. };
  399. }
  400. /**
  401. * Creates an event which specifies that the "confirm" button on the remote
  402. * mute dialog has been clicked.
  403. *
  404. * @param {string} participantId - The ID of the participant that was remotely
  405. * muted.
  406. * @returns {Object} The event in a format suitable for sending via
  407. * sendAnalytics.
  408. */
  409. export function createRemoteMuteConfirmedEvent(participantId) {
  410. return {
  411. action: 'clicked',
  412. actionSubject: 'remote.mute.dialog.confirm.button',
  413. attributes: {
  414. 'participant_id': participantId
  415. },
  416. source: 'remote.mute.dialog',
  417. type: TYPE_UI
  418. };
  419. }
  420. /**
  421. * Creates an event which indicates that one of the buttons in the "remote
  422. * video menu" was clicked.
  423. *
  424. * @param {string} buttonName - The name of the button.
  425. * @param {Object} attributes - Attributes to attach to the event.
  426. * @returns {Object} The event in a format suitable for sending via
  427. * sendAnalytics.
  428. */
  429. export function createRemoteVideoMenuButtonEvent(buttonName, attributes) {
  430. return {
  431. action: 'clicked',
  432. actionSubject: buttonName,
  433. attributes,
  434. source: 'remote.video.menu',
  435. type: TYPE_UI
  436. };
  437. }
  438. /**
  439. * Creates an event indicating that an action related to screen sharing
  440. * occurred (e.g. It was started or stopped).
  441. *
  442. * @param {string} action - The action which occurred.
  443. * @returns {Object} The event in a format suitable for sending via
  444. * sendAnalytics.
  445. */
  446. export function createScreenSharingEvent(action) {
  447. return {
  448. action,
  449. actionSubject: 'screen.sharing'
  450. };
  451. }
  452. /**
  453. * The local participant failed to send a "selected endpoint" message to the
  454. * bridge.
  455. *
  456. * @param {Error} error - The error which caused the failure.
  457. * @returns {Object} The event in a format suitable for sending via
  458. * sendAnalytics.
  459. */
  460. export function createSelectParticipantFailedEvent(error) {
  461. const event = {
  462. action: 'select.participant.failed'
  463. };
  464. if (error) {
  465. event.error = error.toString();
  466. }
  467. return event;
  468. }
  469. /**
  470. * Creates an event associated with the "shared video" feature.
  471. *
  472. * @param {string} action - The action that the event represents.
  473. * @param {Object} attributes - Attributes to attach to the event.
  474. * @returns {Object} The event in a format suitable for sending via
  475. * sendAnalytics.
  476. */
  477. export function createSharedVideoEvent(action, attributes = {}) {
  478. return {
  479. action,
  480. attributes,
  481. actionSubject: 'shared.video'
  482. };
  483. }
  484. /**
  485. * Creates an event associated with a shortcut being pressed, released or
  486. * triggered. By convention, where appropriate an attribute named 'enable'
  487. * should be used to indicate the action which resulted by the shortcut being
  488. * pressed (e.g. Whether screen sharing was enabled or disabled).
  489. *
  490. * @param {string} shortcut - The identifier of the shortcut which produced
  491. * an action.
  492. * @param {string} action - The action that the event represents (one
  493. * of ACTION_SHORTCUT_PRESSED, ACTION_SHORTCUT_RELEASED
  494. * or ACTION_SHORTCUT_TRIGGERED).
  495. * @param {Object} attributes - Attributes to attach to the event.
  496. * @returns {Object} The event in a format suitable for sending via
  497. * sendAnalytics.
  498. */
  499. export function createShortcutEvent(
  500. shortcut,
  501. action = ACTION_SHORTCUT_TRIGGERED,
  502. attributes = {}) {
  503. return {
  504. action,
  505. actionSubject: 'keyboard.shortcut',
  506. actionSubjectId: shortcut,
  507. attributes,
  508. source: 'keyboard.shortcut',
  509. type: TYPE_UI
  510. };
  511. }
  512. /**
  513. * Creates an event which indicates the "start audio only" configuration.
  514. *
  515. * @param {boolean} audioOnly - Whether "start audio only" is enabled or not.
  516. * @returns {Object} The event in a format suitable for sending via
  517. * sendAnalytics.
  518. */
  519. export function createStartAudioOnlyEvent(audioOnly) {
  520. return {
  521. action: 'start.audio.only',
  522. attributes: {
  523. enabled: audioOnly
  524. }
  525. };
  526. }
  527. /**
  528. * Creates an event which indicates the "start silent" configuration.
  529. *
  530. * @returns {Object} The event in a format suitable for sending via
  531. * sendAnalytics.
  532. */
  533. export function createStartSilentEvent() {
  534. return {
  535. action: 'start.silent'
  536. };
  537. }
  538. /**
  539. * Creates an event which indicates the "start muted" configuration.
  540. *
  541. * @param {string} source - The source of the configuration, 'local' or
  542. * 'remote' depending on whether it comes from the static configuration (i.e.
  543. * {@code config.js}) or comes dynamically from Jicofo.
  544. * @param {boolean} audioMute - Whether the configuration requests that audio
  545. * is muted.
  546. * @param {boolean} videoMute - Whether the configuration requests that video
  547. * is muted.
  548. * @returns {Object} The event in a format suitable for sending via
  549. * sendAnalytics.
  550. */
  551. export function createStartMutedConfigurationEvent(
  552. source,
  553. audioMute,
  554. videoMute) {
  555. return {
  556. action: 'start.muted.configuration',
  557. attributes: {
  558. source,
  559. 'audio_mute': audioMute,
  560. 'video_mute': videoMute
  561. }
  562. };
  563. }
  564. /**
  565. * Creates an event which indicates the delay for switching between simulcast
  566. * streams.
  567. *
  568. * @param {Object} attributes - Attributes to attach to the event.
  569. * @returns {Object} The event in a format suitable for sending via
  570. * sendAnalytics.
  571. */
  572. export function createStreamSwitchDelayEvent(attributes) {
  573. return {
  574. action: 'stream.switch.delay',
  575. attributes
  576. };
  577. }
  578. /**
  579. * Automatically changing the mute state of a media track in order to match
  580. * the current stored state in redux.
  581. *
  582. * @param {string} mediaType - The track's media type ('audio' or 'video').
  583. * @param {boolean} muted - Whether the track is being muted or unmuted as
  584. * as result of the sync operation.
  585. * @returns {Object} The event in a format suitable for sending via
  586. * sendAnalytics.
  587. */
  588. export function createSyncTrackStateEvent(mediaType, muted) {
  589. return {
  590. action: 'sync.track.state',
  591. attributes: {
  592. 'media_type': mediaType,
  593. muted
  594. }
  595. };
  596. }
  597. /**
  598. * Creates an event associated with a toolbar button being clicked/pressed. By
  599. * convention, where appropriate an attribute named 'enable' should be used to
  600. * indicate the action which resulted by the shortcut being pressed (e.g.
  601. * Whether screen sharing was enabled or disabled).
  602. *
  603. * @param {string} buttonName - The identifier of the toolbar button which was
  604. * clicked/pressed.
  605. * @param {Object} attributes - Attributes to attach to the event.
  606. * @returns {Object} The event in a format suitable for sending via
  607. * sendAnalytics.
  608. */
  609. export function createToolbarEvent(buttonName, attributes = {}) {
  610. return {
  611. action: 'clicked',
  612. actionSubject: buttonName,
  613. attributes,
  614. source: 'toolbar.button',
  615. type: TYPE_UI
  616. };
  617. }
  618. /**
  619. * Creates an event which indicates that a local track was muted.
  620. *
  621. * @param {string} mediaType - The track's media type ('audio' or 'video').
  622. * @param {string} reason - The reason the track was muted (e.g. It was
  623. * triggered by the "initial mute" option, or a previously muted track was
  624. * replaced (e.g. When a new device was used)).
  625. * @param {boolean} muted - Whether the track was muted or unmuted.
  626. * @returns {Object} The event in a format suitable for sending via
  627. * sendAnalytics.
  628. */
  629. export function createTrackMutedEvent(mediaType, reason, muted = true) {
  630. return {
  631. action: 'track.muted',
  632. attributes: {
  633. 'media_type': mediaType,
  634. muted,
  635. reason
  636. }
  637. };
  638. }
  639. /**
  640. * Creates an event for an action on the welcome page.
  641. *
  642. * @param {string} action - The action that the event represents.
  643. * @param {string} actionSubject - The subject that was acted upon.
  644. * @param {boolean} attributes - Additional attributes to attach to the event.
  645. * @returns {Object} The event in a format suitable for sending via
  646. * sendAnalytics.
  647. */
  648. export function createWelcomePageEvent(action, actionSubject, attributes = {}) {
  649. return {
  650. action,
  651. actionSubject,
  652. attributes,
  653. source: 'welcomePage'
  654. };
  655. }