Shopify
Add Clickyard tracking to your Shopify store by editing your theme's liquid files. No app installation required.
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:
- Go to Online Store → Themes
- 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_youClickyard 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
- Visit your store in a new browser tab
- Open Developer Tools (F12 or right-click → Inspect)
- Go to the Network tab
- Filter by
clickyard - Refresh the page — you should see requests to
s.clickyard.ai