This guide explains how to connect GoAffPro to your SupaPass site using Google Tag Manager (GTM) so affiliate referrals and conversions are tracked correctly.
Before You Start
To be able to get GoAffPro, there a few things you need before you can start the setup:
A GoAffPro account with your shop configured
Your GoAffPro Shop ID (found in GoAffPro → Settings → General, or inside the loader.js URL)
Access to your Google Tag Manager container
Google Tag Manager connected in SupaPass
Go to: Dashboard → Community → Tracking → Google Tag Manager
Once all this in place, you can continue with the steps to set up your affiliate tracking with GoAffPro.
Step 1 Get Your Shop ID
Log in to GoAffPro
Go to Settings → Integrations → Google Tag Manager
Locate the loader.js script
Copy your Shop ID from the URL:
https://api.goaffpro.com/loader.js?shop=YOUR_SHOP_ID
edit the URL above to replace YOUR_SHOP_ID with your actual ID.
You will use this inside GTM.
Step 2: Create Data Layer Variables in GTM
These variables allow GTM to read purchase data after checkout.
Create Transaction ID Variable
Go to Variables → User-Defined Variables → New
Select Data Layer Variable
Data Layer Variable Name:
ecommerce.transaction_idData Layer Version: Version 2
Name it:
DLV - transaction_idSave
Create Order Value Variable
Go to Variables → User-Defined Variables → New
Select Data Layer Variable
Data Layer Variable Name:
ecommerce.valueData Layer Version: Version 2
Name it:
DLV - valueSave
Step 3: Create a Purchase Trigger
Go to Triggers → New
Choose Custom Event
Event name:
purchaseName it:
CE - purchaseSave
This trigger fires after a successful checkout.
Step 4: Add the GoAffPro Loader Tag
This loads the affiliate script on every page and captures referral codes.
Go to Tags → New
Choose Custom HTML
Paste the following code (replace
YOUR_SHOP_IDwith you actual ID):
<script src="https://api.goaffpro.com/loader.js?shop=YOUR_SHOP_ID"></script>
Under Triggering, select All Pages
Open Advanced Settings
Set Tag firing priority to 100
Name it: GoAffPro Loader
Save
Step 5: Create the Conversion Tracking Tag
Go to Tags → New
Choose tag type: Goaffpro Affiliate Marketing
If you do not see this option, import the template via:
https://app.goaffpro.com/wizard
Select Google Tag Manager as your platform.
In Website API Token, enter your Shop ID
In Order ID, select {{DLV - transaction_id}}
In Order Total, select {{DLV - value}}
Under Triggering, choose CE - purchase
Name the tag: GoAffPro Conversion Tracking
Save
Step 6: Publish Your Changes
GTM changes only go live after publishing.
Click Submit in GTM
Add a version name
Click Publish
How to Test
Test Affiliate Link
Create a test affiliate in GoAffPro
Open their referral link (example: yoursite.com?ref=TESTAFFILIATE)
Open Developer Tools → Application → Local Storage
Look for entries starting with gfp_
If present, referral tracking is active.
Test a Purchase
Visit your site via the affiliate link
Complete a test purchase
On the success page, open the console and run:
window.dataLayer.filter(e => e.event === 'purchase')
You should see transaction_id, value, currency, and items.
Then confirm the conversion appears in your GoAffPro Sales Log.
If you need help, reach out via chat in your SupaPass Dashboard.


