An unsupported, experimentalEventDispatcher
for Optimizely Full Stack (javascript-sdk
, Web browser environment) that keeps a queue of pending (not completed) events persisted to localStorage
, and retries pending events on initialization.
Tracking click in browsers is difficult because browsers often redirect users before tracking requests complete. This example suggests one of many possible solutions to the above problem. Feel free to try it out, modify according the the LICENSE, and suggest changes here. And if you have another method for tackling this problem, we'd love to hear from you! Drop us a line at developers@optimizely.com.
npm install @optimizely/sdk-plugin-pending-events --save
See example
for an example of how this is used:
$ cd example
$ npm install
$ npm start
Load the URL provided by webpack-serve
in a browser of your choice.
Construct an EventDispatcher compatible with @optimizely/optimizely-sdk
Parameters
localStorageKey
String Key under which to persist/load pending events inwindow.localStorage
sendJSON
SendJSON Function to call to send payloadlogger
Function?
Returns EventDispatcher An object with a dispatchEvent method, suitable for use as an EventDispatcher
Function to call to send JSON
Type: Function
Parameters
url
String URL to send tooptions
Objectcallback
SendJSONCallback Function to call, with no arguments, if successful, and with Error object, if error
Examples
// Example sendJSON built using fetch
const sendJSON = (url, options, callback) => {
const {method, body} = options;
return fetch(url, {
method,
body,
headers: {
'content-type': 'application/json',
}
})
.then((resp) => {
if (resp.status < 400) {
callback();
} else {
callback(new Error(`Bad response code: ${resp.status}`));
}
}, callback);
}
Type: Function
Parameters
error
Error? Error, if any