Custom Scripts

Customization

Custom Scripts

Fully customize your documentation with custom Tags & JS

Add custom Tags & JS to your documentation to fully customize its behavior and appearance.

Custom Tags

Add custom tags to the <head> of your xyd site. Can be useful for adding analytics and other third-party scripts and resources:

{
    "theme": {
        "head": [
            ["script", {"async": true, "href": "https://cdn.livesession.io/track.js"}]
        ]
    }
}

Tip

Check out custom tags example here.

Custom JSComing Soon

Custom JS lets you write JavaScript in separate files that are automatically injected across your documentation site. Use it to implement global features or integrate third-party services:

{
    "theme": {
        "scripts": [
            "./scripts/livesession.ts"
        ]
    }
}

with a sample implementation:

scripts/livesession.ts

import ls from "@livesession/browser";

// init a script, trackID is required
ls.init("YOUR TRACKID", options, sdkOptions);

Fonts Plugins