svelte-ackee
v1.4.3
Published
Use Ackee in Svelte
Downloads
12
Readme
Svelte module for Ackee
Ackee is a self-hosted analytics tool for those who care about privacy and this module makes it easy to integrate with Svelte/Sapper.
Installation
$ npm install --save svelte-ackee
Usage
With Sapper
Edit the routes/_layout.svelte
and add following script:
import { afterUpdate, beforeUpdate } from "svelte";
import { useAckeeSapper } from "svelte-ackee";
export let segment;
const ackeeTracker = useAckeeSapper(
beforeUpdate,
afterUpdate,
{
server: "https://example.com", // Set to your Ackee instance
domainId: "hd11f820-68a1-11e6-8047-79c0c2d9bce0", // Set to your domain ID
},
{
ignoreLocalhost: false,
}
);
See the demo in demos/sapper
directory.
With Routify
Edit the App.svelte
and add following:
import { useAckeeSvelte } from "svelte-ackee";
import { afterPageLoad } from "@roxi/routify";
const ackeeTracker = useAckeeSvelte(
$afterPageLoad,
{
server: "https://example.com",
domainId: "hd11f820-68a1-11e6-8047-79c0c2d9bce0",
},
{
ignoreLocalhost: false,
}
);
See the demo in demos/routify
directory.
Accessing underlying ackee-tracker
Both useAckeeSapper
and useAckeeSvelte
return an ackee-tracker
instance so you can call it manually as well:
ackeeTracker.action("513a082c-2cd5-4939-b417-72da2fe1761d", {
key: "Checkout",
value: 9.99,
});