Skip to main content
Dub

Manual Installation

How to add the Dub Analytics script to your website
1 min read

With Dub Analytics, you can track lead and sale conversions on your website, enabling you to measure the effectiveness of your marketing campaigns.

You can add the Dub Analytics script to your website same way you would add Google Analytics script or any other JavaScript code – by adding the Dub Analytics script in the <head> section of your HTML file.

If you're using Dub Partners for affiliate management, you will also need to set up the data-domains property to enable client-side click-tracking.

Read the client-side click-tracking guide for more information.

Check

You can verify the installation with the following tests:

  1. Open the browser console and type in _dubAnalytics – if the script is installed correctly, you should see the _dubAnalytics object in the console.
  2. Add the ?dub_id=test query parameter to your website URL and make sure that the dub_id cookie is being set in your browser.

If both of these checks pass, the script is installed correctly. Otherwise, please make sure:

  • The analytics script was added to the <head> section of the page
  • If you're using a content delivery network (CDN), make sure to purge any cached content

Concepts#

You can pass the following props to the Dub Analytics script to customize its behavior:

data-api-hosturl#

The base URL for the Dub API. This is useful for setting up reverse proxies to avoid adblockers.

Default: "https://api.dub.co"

data-attribution-modelfirst-click | last-click#

The attribution model to use for the analytics event. The following attribution models are available:

  • first-click: The first click model gives all the credit to the first touchpoint in the customer journey.
  • last-click: The last click model gives all the credit to the last touchpoint in the customer journey.

Default: "last-click"

data-cookie-optionsJSON-stringified object#

Custom properties to pass to the cookie. Refer to MDN's Set-Cookie documentation for all available options.

Show properties
domainstring#

Specifies the value for the Domain Set-Cookie attribute. This is useful for cross-domain tracking. Example: .example.com

expiresinteger#

Specifies the Date object to be the value for the Expires Set-Cookie attribute. Example: new Date('2024-12-31')

Default: "90"

expiresInDaysinteger#

Specifies the number (in days) to be the value for the Expires Set-Cookie attribute.

For example, to set the cookie window to 60 days (instead of the default 90 days), you can add the following to your script:

Default: "90"

pathstring#

Specifies the value for the Path Set-Cookie attribute. By default, the path is considered the "default path". Example: /

Default: "/"

data-domainsJSON-stringified object#

Configure the domains that Dub will track. The following properties are available:

Show properties
referstring#

The Dub custom domain for referral program client-side click tracking (previously data-short-domain). Example: refer.dub.co

sitestring#

The Dub short domain for tracking site visits. Example: site.dub.co

outboundstring | string[]#

An array of domains for cross-domain tracking. When configured, the existing dub_id cookie will be automatically appended to all outbound links targeting these domains to enable cross-domain tracking across different applications. Example: "dub.sh, git.new"

data-query-paramsstring[]#

An array of query parameters to listen to for client-side click-tracking (e.g. ?via=abc123).

Default: "[\"via\"]"

Google Tag ManagerWebflow