Svelte Split Testing

Run Split Tests (or A/B tests) with the power of Svelte(Kit). Split tests (or A/B tests) allow you to display different features or variants to test their effectiveness. Unfortunately popular options are very pricey, bloated, and don't work SSR. This package attempts to remedy all of that.

This package works with Svelte and SvelteKit.

Works SSR
Works with or without Kit
Works with GTM and GA4, or any other analytics solution
Lightweight
Free, of course

Demo and Docs: https://svelte-split-testing.playpilot.com/

Installation

Install using Yarn or NPM.

yarn add svelte-split-testing --dev

npm install svelte-split-testing --save-dev

Include the component in your app.

import { SplitTest } from "svelte-split-testing"

<SplitTest>...</SplitTest>

Configuration

For more configuration refer to the documentation: https://svelte-split-testing.playpilot.com/

Properties

This is a list of all configurable properties for each component and function.

SplitTest

Property	Default	Description
key	'Some Key'	Key used to identify the current Split Test. This is primary used during analytics tracking.
variants	['Variant A', 'Variant B']	An array of variant names. Can be as many variants as you like. What the names are is not important, but they show up during analytics tracking.
onView	null	Optional function to be passed to track views of the current variant. Replaces the default GTM method.

serverGetSplitTestIdentifier

Property	Default	Description
serverCookies	null	Cookies object as served from +layout.server.js during SSR.
options	{ userIdentifier, cookieName }	Object of configurable options
options.userIdentifier	null	An optional user identifier to use as the identifier. This is used to show a user the same split test across different devices, as long as they have the same identifier. If an identifier was already set before the user identifier
options.cookieName	'splitTestIdentifier'	The name of the cookie used to store the split testing identifier.

clientGetSplitTestIdentifier

Property	Default	Description
options	{ userIdentifier, cookieName }	Object of configurable options
options.userIdentifier	null	An optional user identifier to use as the identifier. This is used to show a user the same split test across different devices, as long as they have the same identifier. If an identifier was already set before the user identifier
options.cookieName	'splitTestIdentifier'	The name of the cookie used to store the split testing identifier.