Add Tracking Scripts to Checkout Pages

Add your Funnelytics base tracking script to the Checkout page in the ADD CUSTOM CSS/TRACKING SCRIPTS field located in the product editor.

Add Tracking Script to Generic Thank You page (Optional)

If you are using a custom Thank You page, you can go ahead and skip to the next step.

If you're using Paykickstart's default Thank You page, we're going to want to add our tracking script to that page as well. To do so;

  1. Navigate to your funnel management area by selecting Funnels, and clicking on the Manage icon under 'Actions'.
  2. Scroll to the bottom of the panel on the left side, and enter your script in the area "ADD TRACKING PIXEL TO DEFAULT THANK YOU PAGE".

Add Tracking Script to Product

For this next step, we're going to have to navigate back to our Product Editor.

  1. Select Campaigns from the navigation panel to left
  2. Select Campaigns once again, this time from the list of options that pop up
  3. Click the Show Products drop-down
  4. Select the edit icon next to the product we are looking to track.
  5. Scroll to the bottom of the page and Select the INTEGRATIONS tab
  6. Then scroll to the ADVANCED TRACKING CODE field, and once again install our base code in the area labeled, "BODY CODE"

Add Event Tracking Script to Product

Next, we're going to want to copy this snippet of code and paste it below our base tracking script.

<script>
window.onload = function() { return true; }
setTimeout(function(){
window.top.location = atob(getParameterByName("url"));
}, 2000);
var checker = window.setInterval(function() {
if (!window.funnelytics) {
return;
}
if (!window.funnelytics.step) {
return;
}
//insert individual event script below this line



//insert individual event script above this line

}, function() {
// continue with process..
}); window.clearInterval(checker);
}, 200);
</script>

Insert Individual Event Script

This is what the generic Event Script will look like in PaykickStart

window.funnelytics.events.trigger("event-name", {
key: "value",

Insert this code into your event tracking script, below the line that reads "//insert individual event script below this line" and above the line that reads "//insert individual event script above this line"

Let's modify this code to trigger a purchase event for our main product

Change the event-name to purchase and add a property with a key of product and a value of main

//insert individual event script below this line

window.funnelytics.events.trigger("purchase", {
product: "main",

//insert individual event script above this line

You can repeat this process as needed for each individual product assigning unique terms to the "value" and/or "key" properties as needed.

For example, if the above purchase contained a bump offer, we could add the following script to track that offer.

window.funnelytics.events.trigger("purcahse", {
product: "bump",

How to Map Paykickstart Purchases in Funnnelytics

Paykickstart has a processing redirect between its Checkout Pages and the Thank You page, regardless of whether or not we use a custom Thank You page. Our event scripts are going to be triggered on this processing page, so we will have to be sure to map it on our canvas and assign our advanced purchase action to that redirect page.

Make sure your redirect page has the * wildcard character to account for the dynamic portion of the URL.

This should be set up as Advanced Action and have the same properties we entered into our script in Paykickstart.

If you have any questions or need further clarification with installing your script, remember to reach out to our support team anytime by clicking the support icon in the bottom-right corner of your dashboard, or emailing us at support@funnelytics.io we are always ready to assist you!

Did this answer your question?