ReachBell for HTML & JavaScript

Install

Two files: one script tag and one service worker copied to your site root.

<!-- Add before </body> on every page -->
<script src="https://cdn.reachbell.com/sdk/v1/reachbell.min.js" async></script>

<!-- And copy reachbell-sw.js to your site root.
     The Push API requires the service worker to be served from the same
     origin as the page — / not /assets/, not /static/. -->

Quick start

Initialize once, then call identify() and track() from anywhere on the page.

<script>
  window.ReachBellQueue = window.ReachBellQueue || [];
  window.ReachBell = window.ReachBell || {
    init:     (...a) => ReachBellQueue.push(['init',     a]),
    identify: (...a) => ReachBellQueue.push(['identify', a]),
    track:    (...a) => ReachBellQueue.push(['track',    a]),
    subscribe:(...a) => ReachBellQueue.push(['subscribe',a]),
  };

  ReachBell.init({
    projectId:   'prj_8h2k...your-id...',
    prompt:      { style: 'soft', delay: 8000, placement: 'bottom-right' },
    utm:         { source: 'site', medium: 'webpush' },
    serviceWorker: '/reachbell-sw.js',
  });

  // Identify the visitor once you know who they are
  ReachBell.identify({ email: 'jane@acme.com', plan: 'pro' });

  // Track a custom event — feeds segments and automations
  document.getElementById('cta').addEventListener('click', () => {
    ReachBell.track('clicked_hero_cta', { variant: 'B' });
  });
</script>

What you get

Push, in-app widgets, segments, A/B tests, automations, and analytics — from a single 10 KB script.