@head/h5a

enhanced analytics.js

Usage

// 1. init
h5a('init', 'Google Analytics', { trackingId: 'xxxx-xxxx' });
h5a('init', 'H5 A Interface', { gif: '/path/to/collect/gif.gif' });

// 2. page
h5a('send', 'page');
h5a('send', 'page', properties);
h5a('send', 'page', properties, options); // * EXPERT *

// 3. send track
h5a('send', 'track', action);
h5a('send', 'track', action, properties);
h5a('send', 'track', action, properties, options); // * EXPERT *

// 4. send exception
// TBD

// ** @param action [String]
const action = 'ACTION_NAME_可以中文';

// ** @param properties [JSON] is a one level, plain js object; no functions; prefer string for all values
const properties = {
  mobile: '13812345678',
  email: 'example@example.com',
  extra: 'value',
};

Wrong

h5a('send', 'track'); // * action required *

Expert

Development

$ npm run dev
# open http://127.0.0.1:3001/docs

js/analytics.js 中模拟了最终被使用的代码，即依次是

/* analytics.js-core 3.0.0-1 */
/* h5a-adapter 0.4.0  */
/* h5a-profile example  */

但在开发中我们是手工修改和同步代码来查看效果的，即开发时实际是

/* h5a-adapter 0.4.0  */
/* h5a-profile example  */

Flow