SparkLoop

SparkLoop is the world's #1 platform for newsletters growth. This package allows developers to embed the SparkLoop tracking script on their websites.

Installation

Using NPM:

$ npm i sparkloop

How to use

First import the package

import sparkloop from "sparkloop"

Optionally provide the necessary configuration settings

const opts = {
  callbacks: {
    ready: function() {
      console.log("Script is ready inside the package")
    }
  }
}

sparkloop('TEAM-ID', opts)

Usage with React/Vue/Angular

By default this package will scan your webpages for HTML form and attach an event listener to the submit event.

However, this won't necessarily work with React/Vue/etc because the form might not be present when the code is initialized.

In this case the best course of action is to disable the automated form scanning by our script, by adding the following initialization setting:

const opts = {
  scan_forms: false
}

sparkloop('TEAM-ID', opts)

And then calling the following function when a form is submitted

SL.trackSubscriber(emailAddress);

For example

handleSubmit(event) {
  event.preventDefault();
  SL.trackSubscriber(this.state.value);
}

render() {
  return (
    <form onSubmit={this.handleSubmit}>
      <label>
        Name:
        <input type="text" value={this.state.value} onChange={this.handleChange} />
      </label>
        <input type="submit" value="Submit" />
    </form>
  );
}

Support

For questions or bug reports please email [email protected]