@beyonk/svelte-hubspot NPM

Svelte HubSpot

Svelte HubSpot integration

Installation

npm i -D @beyonk/svelte-hubspot

Usage

<!-- src/routes/__layout.svelte -->
<HubSpotTracking hubId="123456" />

<script>
  import { HubSpotTracking } from '@beyonk/svelte-hubspot'
</script>

Properties

prop	type	default	description
`subdomain`	string	`'js'`	HubSpot tracking code may be served via region-specific CDN, denoted by the subdomain of `hs-scripts.com` – this specific asset must be used
`hubId`	string	`undefined`	required; the HupSpot account id
`doNotTrack`	boolean	`false`	pass `true` if you do not want page views to be tracked, e.g. before user consent of GDPR policy
`loadChatWidgetImmediately`	boolean	`true`	pass `false` if you don't want the chat widget (where applicable) to be implicitly loaded — use `loadChatWidget()` to explicitly initialise chat

(See demo code for example usage.)

Tracking code API

The component instance exposes an interface to allow you to push actions to the HubSpot tracking queue. Note that you should still push the current path and submit identify calls before the tracking code is loaded (if at all); on load, an initial trackPageView is implicitly made to process items already in the queue.

Check out the example code to see how the current page could be tracked in a SvelteKit/Sapper app.