Join us for a Live Demo & Q&A Session
Directus Logo
  • Use Cases and Features
    • Headless CMS
      Manage and deliver content with ease
    • Backend-as-a-Service
      Build and ship applications faster
    • Headless Commerce
      A single source of truth for products
    • 100+ More Use Cases
      Build anything (or everything)
    • Instant APIs
      Connect a database, get REST + GraphQL APIs
    • Granular Policy-Based Auth
      Provide secure, autonomous data access
    • Visual Automation Builder
      Automate content and data workflows with ease
    • 50+ More Features
      Get everything you need out-of-the-box
    Project Showcase
    Built With Directus

    Built With Directus

    See what everyone's been building with Directus

  • Learn More
    • Blog
      Read our latest articles and guides
    • Case Studies
      Case studies and success stories
    • Community
      Join our new community forum.
    • Agency Directory
      Browse our list of agency partners
    • About Us
      Learn more about Directus and the team
    • Wall of Love
      See what others are saying about us
    • Contact
      Have a general inquiry or question for us?
    • Support
      Reach out to Directus support
    Watch Directus TV
    Directus TV
    Video

    Directus TV

    Go down the rabbit hole with hours of original video content from our team.

  • Developers
  • Enterprise
  • Pricing
Get a Technical DemoTry Cloud Free
GitHub logo32,166
Directus Marketplace
Marketplace
  1. Extensions
  2. Integrations
  3. Templates
Back to Extensions
bundle

Plausible Analytics Bundle

Embed Plausible Analytics into your Directus project.

Plausible Analytics Bundle

plausible-bundle.png

Plausible is an intuitive, privacy-friendly analytics alternative to Google Analytics.

With this extension, you can embed your Plausible dashboard right within your Directus project. Put your analytics right where they belong – alongside your actual content. No more context switching or jumping between websites.

This bundle includes:

  • An interface to display the Plausible dashboard in the item detail / form page.
  • A panel to display the Plausible dashboard within your Directus dashboards.

Interface

plausible-interface-example.png

Configuration Options

plausible-interface-config.png

Shared Link URL (*required)

Create a shared link for your Plausible dashboard and paste the URL here.

Here’s an example of what the URL looks like. https://plausible.io/share/yourdomain.net?auth=fadfhlkadjl83c

The URL can be found in your Plausible settings for your domain.

Learn more about shared links within the Plausible documentation.

Page URL Filter (optional)

This field allows you to filter the Plausible dashboard by a specific page. Check performance for a page from your frontend like the home page, pricing page, or other high value page right in the context of where the content is stored.

Can pull values dynamically based on your item page.


Panel

plausible-panel-example.png

Configuration Options

plausible-panel-config.png

Shared Link URL (* required)

Create a shared link for your Plausible dashboard and paste the URL here.

Here’s an example of what the URL looks like. https://plausible.io/share/yourdomain.net?auth=fadfhlkadjl83c

The URL can be found in your Plausible settings for your domain.

Learn more about shared links within the Plausible documentation.


Installation & Setup

To install the extension, take a look at the Official Guide.

To enable embedding, you’ll need to update your CSP directives within your Directus Config as follows:

CONTENT_SECURITY_POLICY_DIRECTIVES__FRAME_SRC='https://*.plausible.io, https://plausible.io'
CONTENT_SECURITY_POLICY_DIRECTIVES__SCRIPT_SRC="array:'self', plausible.io 'unsafe-eval' 'unsafe-inline'"

Note: Chrome is the recommended browser for using this extension. You may encounter issues with other browsers.

@directus-labs/plausible-analytics-bundle

npm i @directus-labs/plausible-analytics-bundle
This extension is sandboxed and can be installed through the Directus Marketplace. Learn more.
Bryant Gillespie
Bryant Gillespie
Verified
1.6k Total Downloads
1.0.0
Works with v10.10.0+
Updated 11 months ago
22.7 KiB (4 files)
npm
  • Directus LogoDirectus Logo

    A composable backend to build your Headless CMS, BaaS, and more. 

  • Solutions
    • Headless CMS
    • Backend-as-a-Service
    • Product Information
    • 100+ Things to Build
  • Resources
    • Documentation
    • Guides
    • Community
    • Release Notes
  • Support
    • Issue Tracker
    • Feature Requests
    • Community Chat
    • Cloud Dashboard
  • Organization
    • About
    • Careers
    • Brand Assets
    • Contact
©2025 Monospace Inc
  • Cloud Policies
  • License
  • Terms
  • Privacy