Installation

Shopify

Add Clickyard tracking to your Shopify store by editing your theme's liquid files. No app installation required.

Estimated time: 2 minutes

Installation Steps

1 Get Your Tracking Code

Go to your Clickyard dashboard and copy your tracking code.

<script src="https://s.clickyard.ai/v1.js"></script>
<script>Clickyard.init({ id: 'YOUR-WEBSITE-ID' })</script>

2 Open Theme Editor

In your Shopify admin:

  1. Go to Online Store → Themes
  2. Find your current theme and click Actions → Edit code

3 Find theme.liquid

In the left sidebar under Layout, click on theme.liquid.

Note: Some themes may use a different file like base.liquid. Look for the file containing the <head> tag.

4 Add the Tracking Code

Find the closing </head> tag and paste the tracking code before it:

  ...
  {{ content_for_header }}

  <!-- Clickyard Tracking -->
  <script src="https://s.clickyard.ai/v1.js"></script>
  <script>Clickyard.init({ id: 'YOUR-WEBSITE-ID' })</script>
</head>

Important: Replace YOUR-WEBSITE-ID with your actual website ID from Clickyard dashboard.

5 Save Changes

Click "Save" in the top right corner to apply your changes.

Done! Clickyard is now tracking your Shopify store.

Tracking Purchases

For e-commerce stores, tracking purchases is essential. Here are two ways to set up conversion tracking:

Method 1: Thank You Page (Recommended)

Set up a Page Goal in Clickyard for your order confirmation page:

https://your-store.myshopify.com/checkouts/*/thank_you

Clickyard will count any visit to this URL pattern as a conversion.

Method 2: Custom Event with Order Data

For more detailed tracking, add this code to your Settings → Checkout → Additional Scripts:

<script>
  if (typeof Clickyard !== 'undefined') {
    Clickyard('YOUR-WEBSITE-ID', 'purchase');
  }
</script>

Then create an Event Goal in Clickyard with the value purchase.

Verify Installation

  1. Visit your store in a new browser tab
  2. Open Developer Tools (F12 or right-click → Inspect)
  3. Go to the Network tab
  4. Filter by clickyard
  5. Refresh the page — you should see requests to s.clickyard.ai

Next Steps