# Jekyll > Add cookieless product analytics to your Jekyll static site import { Steps, Step } from "@/components/docs"; import { Callout } from "@/components/docs"; import { CodeBlock } from "@/components/docs"; import { Card, Cards } from "@/components/docs"; Add Databuddy's cookieless product analytics to your Jekyll static site by adding the tracking script to your site's main layout file or by creating an include file. ## How to Add Databuddy to Jekyll Get your Databuddy tracking script from your [Databuddy dashboard](https://app.databuddy.cc). It will look like this: `} /> Replace `YOUR_CLIENT_ID` with your actual Client ID from your Databuddy dashboard. ## Option A: Add to Default Layout The simplest way is to add the script directly to your default layout file. In your Jekyll project, find your main layout file. This is often `_layouts/default.html`. Open this file and paste the Databuddy tracking script just before the closing `` tag. {{ site.title }} {{ content }} {% if jekyll.environment == "production" %} {% endif %} `} /> **Explanation:** - `{% if jekyll.environment == "production" %}`: This Liquid tag ensures the script is only included when your site is built for production (e.g., when `JEKYLL_ENV=production jekyll build`). This prevents tracking your local development views. - Replace `YOUR_CLIENT_ID` with your actual Client ID. ## Option B: Create an Include File (Recommended) A cleaner approach is to create an include file for the script. In your Jekyll project, navigate to the `_includes/` directory. If it doesn't exist, create it. Create a new file named `databuddy-analytics.html` inside `_includes/` and paste the following: {% endif %}`} /> Open your main layout file (e.g., `_layouts/default.html`). Just before the closing `` tag, add: {{ site.title }} {{ content }} {% include databuddy-analytics.html %} `} /> Open your `_config.yml` file and add your Databuddy Client ID: This method keeps your credentials in the configuration file and makes the script inclusion conditional on `databuddy_client_id` being set. ## Configuration Options Enable additional tracking features by modifying the include file: {% endif %}`} /> ## Custom Event Tracking Track custom events in your Jekyll posts and pages using data attributes or inline JavaScript. ### Using Data Attributes Enable automatic tracking with data attributes: View Pricing `} /> ### Inline JavaScript Add custom tracking to specific pages or posts: document.addEventListener('DOMContentLoaded', function() { var button = document.getElementById('special-button'); if (button && window.databuddy) { button.addEventListener('click', function() { window.databuddy.track('button_click', { button_id: 'special-button', page_path: window.location.pathname }); }); } }); `} /> ### In Jekyll Posts Add tracking to specific blog posts using front matter and includes: if (window.databuddy) { window.databuddy.track('blog_post_view', { post_title: '{{ page.title }}', post_url: '{{ page.url }}' }); } {% endif %}`} /> ## Related Integrations Hugo static site integration with partial templates. Plugin or manual setup for WordPress sites. TypeScript support with React hooks and components. Need help with your Jekyll integration? Contact us at [support@databuddy.cc](mailto:support@databuddy.cc).