Waymaker
Connections

Installing the Signal Tracker

Install Signal on your website in under 60 seconds. One line of HTML — that's it.

SignalInstallation
Last updated: March 1, 2026•3 min read

Overview

Install Signal on your website in under 60 seconds. One line of HTML — that's it.

Step 1: Create a Signal Connection

  1. Open your Connection Canvas in Commander
  2. Click "+" to add a new connection
  3. Select Signal as the connection type
  4. Name it (e.g., "Company Website")

Step 2: Copy the Script Tag

After creating the connection, the Overview tab shows your script tag:

<script src="https://signal.waymakerone.com/t.js" data-id="sig_xxx" async></script>

Click Copy to copy it to your clipboard.

Step 3: Add to Your Website

Paste the script tag into your website's <head> section:

<html>
<head>
  <title>Your Website</title>
  <!-- Add Signal here -->
  <script src="https://signal.waymakerone.com/t.js" data-id="sig_xxx" async></script>
</head>
<body>
  ...
</body>
</html>

Platform-Specific Instructions

HTML / Static Sites: Paste into the <head> of your index.html file.

React / Next.js / Vite: Add to your root layout or index.html:

// Next.js: app/layout.tsx
<head>
  <script src="https://signal.waymakerone.com/t.js" data-id="sig_xxx" async />
</head>

WordPress: Add via your theme's header.php or use a "Header Scripts" plugin.

Shopify: Go to Online Store > Themes > Edit Code > theme.liquid, paste before </head>.

Webflow: Go to Project Settings > Custom Code > Head Code.

Squarespace: Go to Settings > Advanced > Code Injection > Header.

Step 4: Verify

  1. Visit your website in a browser
  2. Return to Commander and open the Events tab on your Signal connection
  3. You should see a pageview event within a few seconds

You can also click Send Test Event on the Overview tab to verify the connection is working before installing the script.

What Happens Next

Once installed, Signal immediately starts auto-tracking:

  • Pageviews (including SPA route changes)
  • Outbound link clicks
  • File downloads
  • Form submissions
  • Scroll depth
  • Engagement time

No additional configuration needed. Events appear in your connection's Event Log in real time.

Compatibility

PlatformSupported
Websites (any)Yes
Single-page apps (React, Vue, Angular)Yes
Web views (in mobile apps)Yes
Native mobile apps (iOS, Android)No — use a Webhook connection instead

Troubleshooting

Events not appearing?

  • Check your browser's developer console for errors
  • Verify the data-id matches your connection's script ID
  • Make sure the connection status is "Active" (not Paused)
  • Ad blockers may block the script — test in an incognito window with extensions disabled