HTML Installation

Simple script tag installation for any HTML website

1
Add the Script Tag
Add the EventDash script to your HTML file, typically in the <head> section
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Website</title>

    <!-- EventDash Tracker -->
    <script
      defer
      data-api-key="YOUR_API_KEY"
      src="https://www.eventda.sh/tracker.js"
    ></script>
  </head>
  <body>
    <!-- Your website content -->
  </body>
</html>
2
Configure Options (Optional)
Add optional configuration attributes to the script tag
<script
  defer
  data-api-key="YOUR_API_KEY"
  data-domain="example.com"
  data-allow-localhost="false"
  data-debug="false"
  src="https://www.eventda.sh/tracker.js"
></script>
3
Start Tracking
The tracker will automatically start collecting events. You can also use HTML attributes for goal tracking.
<!-- Track button clicks -->
<button data-ed-goal="signup_clicked">Sign Up</button>

<!-- Track scroll visibility -->
<section data-ed-scroll="pricing_viewed">
  <h2>Pricing</h2>
  <!-- Content -->
</section>
Script Configuration Options
data-api-key

Your EventDash API key (required)

data-domain

Domain being tracked (optional, for reference)

data-allow-localhost

Set to "true" to enable tracking on localhost (default: false)

data-debug

Set to "true" for debug logging (default: false)

Complete Example
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Website</title>

    <script
      defer
      data-api-key="ed_your_api_key_here"
      data-domain="example.com"
      data-allow-localhost="false"
      data-debug="false"
      src="https://www.eventda.sh/tracker.js"
    ></script>
  </head>
  <body>
    <header>
      <nav>
        <a href="/">Home</a>
        <a href="/about">About</a>
      </nav>
    </header>

    <main>
      <h1>Welcome to My Website</h1>

      <!-- Track button click -->
      <button data-ed-goal="signup_clicked">Sign Up</button>

      <!-- Track section visibility -->
      <section data-ed-scroll="pricing_viewed">
        <h2>Pricing</h2>
        <p>Our pricing plans...</p>
      </section>
    </main>
  </body>
</html>