> ## Documentation Index
> Fetch the complete documentation index at: https://dub.co/llms.txt
> Use this file to discover all available pages before exploring further.

# How to create public analytics dashboards on Dub

> Learn how to create public analytics pages for your Dub short links and link folders – with password protection and search engine indexing options.

export const ImageLink = ({src, alt, href, cta, className = ""}) => <div className="image-link-card group relative rounded-xl overflow-hidden border border-zinc-950/10 dark:border-white/10 not-prose">
    <style>{`
      @media (hover: hover) and (pointer: fine) {
        .image-link-card .image-link-card-btn:hover {
          --tw-drop-shadow: drop-shadow(0 8px 12px #222A350d) drop-shadow(0 32px 80px #2f30370f);
          filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        }
      }
    `}</style>
    <a href={href} target="_blank" rel="noopener noreferrer" className="block">
      <img src={src} alt={alt} className={`w-full h-auto transition-all duration-300 group-hover:scale-105 ${className}`} />
      <div className="absolute inset-0 flex items-center justify-center bg-white/60 opacity-0 group-hover:opacity-100 transition-opacity duration-300" style={{
  "--tw-backdrop-blur": "blur(8px)",
  WebkitBackdropFilter: "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",
  backdropFilter: "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)"
}}>
        <span className="image-link-card-btn inline-block rounded-full border border-gray-200 bg-white px-8 py-2 transition-shadow cursor-pointer font-medium text-sm text-zinc-950 dark:text-zinc-950">
          {cta}
        </span>
      </div>
    </a>
  </div>;

On Dub, you can create a public analytics dashboard for your short links or link folders.

This allows you to share the analytics for a given short link (or a folder of links) with clients or other external stakeholders without having to invite them to your Dub workspace.

For further control, you can also show [conversion analytics](#show-conversion-data), [set a password](#setting-a-password), or [enable search engine indexing](#search-engine-indexing) for the dashboard.

In this guide, we'll go over how to set up public analytics dashboards and the options available.

## Creating a shared analytics dashboard for a short link

There are two ways to enable a public analytics dashboard for a given short link:

**Option 1**: On the links dashboard, hover over the `perfomance` counter button for a given short link and click on the **Share dashboard** button.

<Frame>
  <img src="https://assets.dub.co/help/hover-link-card-analytics.png" alt="More options dropdown menu on the links dashboard" />
</Frame>

**Option 2**: On the analytics page for a given short link, click on the **Share** button in the top right corner.

<Frame>
  <img src="https://mintcdn.com/dub/t-k2g9r-vjUo6hbL/images/dub-links/analytics-share-button.png?fit=max&auto=format&n=t-k2g9r-vjUo6hbL&q=85&s=a8f0aa6fda2574c840acef828c8139d3" alt="Share button on the link's analytics page" width="2014" height="886" data-path="images/dub-links/analytics-share-button.png" />
</Frame>

Then, inside the **Share Dashboard** modal, toggle the **Enable public sharing** switch to **ON**.

<Frame>
  <img src="https://assets.dub.co/cms/share-modal-link.png" alt="Share short link dashboard modal" />
</Frame>

Behind the scenes, Dub creates a public page for your link's analytics and automatically copies the link to your clipboard. [Here's an example](https://d.to/stats/try).

<ImageLink alt="Dub's Analytics dashboard" src="https://assets.dub.co/home/analytics.png" href="https://d.to/stats/try" cta="View demo in browser ↗" />

## Creating a shared analytics dashboard for a link folder

<Tip>Only workspace owners can create shared dashboards for link folders.</Tip>

There are two ways to enable a public analytics dashboard for a given link folder:

**Option 1**: On the folder view, click the `⋮` dropdown and select **Share analytics**.

<Frame>
  <img src="https://assets.dub.co/cms/share-folder-dropdown.png" alt="Folder dropdown options" />
</Frame>

**Option 2**: On the analytics page for a given link folder, click on the **Share** button in the top right corner.

<Frame>
  <img src="https://assets.dub.co/cms/share-folder-analytics.png" alt="Share button on the folder's analytics page" />
</Frame>

Then, inside the **Share Dashboard** modal, toggle the **Enable public sharing** switch to **ON**.

<Frame>
  <img src="https://assets.dub.co/cms/share-modal-folder.png" alt="Share folder dashboard modal" />
</Frame>

## Sharing settings

The following settings are available for both short links and link folders.

### Show conversion analytics

If you enable Conversions analytics, this will change what's visible on the shared dashboard to include your lead and sales analytics.

Here's how the dashboard looks with conversion analytics enabled:

<Frame>
  <img src="https://assets.dub.co/cms/shared-folder-conversion.png" alt="Shared folder dashboard with conversion analytics" />
</Frame>

Here's how the dashboard looks without conversion analytics enabled:

<Frame>
  <img src="https://assets.dub.co/cms/shared-folder-no-conversion.png" alt="Shared folder dashboard with no conversion analytics" />
</Frame>

### Setting a password

You can also set a password for your public analytics dashboard to further secure the page. To do that, toggle the **Password protection** switch to **ON** and set a password in the field below.

<Frame>
  <img src="https://assets.dub.co/cms/share-modal-link-password.png" alt="Share Dashboard modal with password protection enabled" />
</Frame>

Then, when someone visits the public analytics dashboard, they will be prompted to enter the password in order to view the page.

<Frame>
  <img src="https://assets.dub.co/help/share-dashboard-password.png" alt="Public analytics dashboard with password protection enabled" />
</Frame>

### Search engine indexing

If you want to enable search engine indexing for your public analytics dashboard, toggle the **Search engine indexing** switch to **ON**.

This will make the page more discoverable by search engines like Google.

Otherwise, public analytics dashboards are served with a `noindex` meta tag by default, which tells search engines not to index the page.

`html <meta name="robots" content="noindex, nofollow" />`

## How to disable a public analytics dashboard

Follow the same steps as the ["How to create a public analytics dashboard"](#how-to-create-a-public-analytics-dashboard) section above, but toggle the **Enable public sharing** switch to **OFF**.

Dub will automatically disable the public analytics page for the given link. You will still be able to view the analytics for the link on your Dub dashboard, but the public page will no longer be accessible.

<Warning>
  Warning: By disabling a public analytics dashboard for a given link, your
  existing dashboard link will break and you'll have to create a new one – which
  will have a different URL. This action is irreversible.
</Warning>