Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
@analytics/churn-zero
Advanced tools
Churnzero integration for 'analytics' module for browser & node
analytics
Integration with ChurnZero for analytics
This analytics plugin will load ChurnZero's client side tracking script into your application and send custom events, page views, and identify visitors inside ChurnZero.
Install analytics
and @analytics/churn-zero
packages
npm install analytics
npm install @analytics/churn-zero
The @analytics/churn-zero
package works in the browser and server-side in Node.js. To use, install the package, include in your project and initialize the plugin with analytics.
Below is an example of how to use the browser plugin.
import Analytics from 'analytics'
import churnZeroPlugin from '@analytics/churn-zero'
const analytics = Analytics({
app: 'awesome-app',
plugins: [
// This will load crazy egg on to the page
churnZeroPlugin({
accountId: '1234578'
})
]
})
/* Track a page view */
analytics.page()
/* Track a custom event */
analytics.track('cartCheckout', {
item: 'pink socks',
price: 20
})
/* Identify a visitor */
analytics.identify('user-id-xyz', {
firstName: 'bill',
lastName: 'murray'
})
After initializing analytics
with the churnZeroPlugin
plugin, data will be sent into ChurnZero whenever analytics.page, analytics.track, or analytics.identify are called.
See additional implementation examples for more details on using in your project.
The @analytics/churn-zero
package works in the browser and server-side in Node.js
The ChurnZero client side browser plugin works with these analytic api methods:
import Analytics from 'analytics'
import churnZeroPlugin from '@analytics/churn-zero'
const analytics = Analytics({
app: 'awesome-app',
plugins: [
// This will load crazy egg on to the page
churnZeroPlugin({
accountId: '1234578'
})
]
})
Option | description |
---|---|
accountId required - string | ChurnZero account ID |
scriptInclude optional - boolean | Load ChurnZero script into page |
options optional - object | ChurnZero script options |
The ChurnZero server-side node.js plugin works with these analytic api methods:
import Analytics from 'analytics'
import churnZeroPlugin from '@analytics/churn-zero'
const analytics = Analytics({
app: 'awesome-app',
plugins: [
churnZeroPlugin({
apiKey: 'abc123'
})
]
})
Option | description |
---|---|
apiKey required - string | ChurnZero API key |
Below are additional implementation examples.
import Analytics from 'analytics'
import churnZeroPlugin from '@analytics/churn-zero'
const analytics = Analytics({
app: 'awesome-app',
plugins: [
churnZeroPlugin({
apiKey: 'abc123'
})
// ...other plugins
]
})
/* Track a page view */
analytics.page()
/* Track a custom event */
analytics.track('cartCheckout', {
item: 'pink socks',
price: 20
})
/* Identify a visitor */
analytics.identify('user-id-xyz', {
firstName: 'bill',
lastName: 'murray'
})
If using node, you will want to import the .default
const analyticsLib = require('analytics').default
const churnZeroPlugin = require('@analytics/churn-zero').default
const analytics = analyticsLib({
app: 'my-app-name',
plugins: [
churnZeroPlugin({
apiKey: 'abc123'
})
]
})
/* Track a page view */
analytics.page()
/* Track a custom event */
analytics.track('cartCheckout', {
item: 'pink socks',
price: 20
})
/* Identify a visitor */
analytics.identify('user-id-xyz', {
firstName: 'bill',
lastName: 'murray'
})
Below is an example of importing via the unpkg CDN. Please note this will pull in the latest version of the package.
<!DOCTYPE html>
<html>
<head>
<title>Using @analytics/churn-zero in HTML</title>
<script src="https://unpkg.com/analytics/dist/analytics.min.js"></script>
<script src="https://unpkg.com/@analytics/churn-zero/dist/@analytics/churn-zero.min.js"></script>
<script type="text/javascript">
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'my-app-name',
plugins: [
// This will load crazy egg on to the page
analyticsChurnZero({
accountId: '1234578'
})
]
})
/* Track a page view */
analytics.page()
/* Track a custom event */
analytics.track('cartCheckout', {
item: 'pink socks',
price: 20
})
/* Identify a visitor */
analytics.identify('user-id-xyz', {
firstName: 'bill',
lastName: 'murray'
})
</script>
</head>
<body>
....
</body>
</html>
Using @analytics/churn-zero
in ESM modules.
<!DOCTYPE html>
<html>
<head>
<title>Using @analytics/churn-zero in HTML via ESModules</title>
<script>
// Polyfill process.
// **Note**: Because `import`s are hoisted, we need a separate, prior <script> block.
window.process = window.process || { env: { NODE_ENV: 'production' } }
</script>
<script type="module">
import analytics from 'https://unpkg.com/analytics/lib/analytics.browser.es.js?module'
import analyticsChurnZero from 'https://unpkg.com/@analytics/churn-zero/lib/analytics-plugin-churn-zero.browser.es.js?module'
/* Initialize analytics */
const Analytics = analytics({
app: 'analytics-html-demo',
debug: true,
plugins: [
// This will load crazy egg on to the page
analyticsChurnZero({
accountId: '1234578'
})
// ... add any other third party analytics plugins
]
})
/* Track a page view */
analytics.page()
/* Track a custom event */
analytics.track('cartCheckout', {
item: 'pink socks',
price: 20
})
/* Identify a visitor */
analytics.identify('user-id-xyz', {
firstName: 'bill',
lastName: 'murray'
})
</script>
</head>
<body>
....
</body>
</html>
FAQs
Churnzero integration for 'analytics' module for browser & node
The npm package @analytics/churn-zero receives a total of 4 weekly downloads. As such, @analytics/churn-zero popularity was classified as not popular.
We found that @analytics/churn-zero demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.