> ## Documentation Index > Fetch the complete documentation index at: https://docs.permutive.com/llms.txt > Use this file to discover all available pages before exploring further. # Installation > Install the Permutive JavaScript SDK via script tag or tag manager The Permutive JavaScript SDK can be installed using several methods. Choose the approach that best fits your deployment workflow. ## Installation Methods The script tag method is the recommended approach for most websites. It provides the fastest load time and simplest setup. ### Basic Installation Add to the `` section of your page, as early as possible: ```html theme={"dark"} ``` Replace: * `` - Your [public API key](https://dash.permutive.com/settings/keys/) * `` - Your [workspace ID](https://dash.permutive.com/settings/project/) * `` - Your organization ID Place the SDK script **before** any other scripts that depend on it (like ad scripts or analytics). The SDK uses a queue-based pattern so methods can be called immediately, but the actual SDK must load before events are sent. ### With Configuration Options Pass configuration options as the fourth argument: ```html theme={"dark"} ``` Use GTM when you need to manage tags centrally without code deployments. ### Setup Steps 1. **Create a Custom HTML Tag** * Go to Tags > New > Custom HTML * Name it "Permutive SDK" 2. **Add the SDK Code** ```html theme={"dark"} ``` 3. **Create Variables** (optional but recommended) * Go to Variables > User-Defined Variables > New * Create Constant variables for API Key and Workspace ID * Reference them as `{{Permutive API Key}}` and `{{Permutive Workspace ID}}` 4. **Set the Trigger** * Use "All Pages" trigger * Set **Tag Firing Priority** to a high number (e.g., 9999) to ensure it loads first 5. **Create Web Addon Tag** ```html theme={"dark"} ``` For detailed GTM setup including Data Layer integration, see the [Tag Manager Guide](/sdks/web/javascript-sdk/guides/tag-managers). ### Tealium 1. Create a JavaScript Code extension 2. Set execution order to "Before Load Rules" 3. Add the SDK code with Tealium data layer variables ### Adobe Launch 1. Create a Core extension action for Custom Code 2. Place in the `` using the Document section 3. Set rule order to 1 (earliest execution) See the [Tag Manager Guide](/sdks/web/javascript-sdk/guides/tag-managers) for detailed instructions for each platform. ## Understanding the Loader Script The inline loader script (the first `