| Note |
|---|
Google has made users aware of the coming end to Universal Analytics for some time, but the date is fast approaching. As of July 1, 2023, Google's Universal Analytics will stop processing data. It is imperative users migrate to Google Analytics 4 prior to July 1, 2023 as Universal Analytics will stop processing. This is a change in how your Google Analytics operates and changes your Google Analytics ID. Please follow Google's instructions on how to successfully transition to GA4, here: |
...
| Info |
|---|
Choose how to fire the Purchase event. Purchase events are Javascript events. |
You can simply add your GTM, FB Pixel, SnapChat, TikTok, or Listrak Pixel IDs into the provided fields.
You will find additional information below:
| Table of Contents |
|---|
Checkout Champ is ready for you to add your Google Analytics (Google Tag Manager), Facebook, Sygnal, SnapChat, TikTok, and other pixels.
Edit the funnel’s settings and open the Tracking Pixels section. Then choose the appropriate tracking service.
...
| Info |
|---|
Choose how to fire the Purchase event. Purchase events are Javascript events. |
You can simply add your GTM, FB Pixel, SnapChat, TikTok, or Listrak Pixel IDs into the provided fields.
You will find additional information below:
| Table of Contents |
|---|
...
Custom Head/Body Tracking Code
These sections can be used to place tracking scripts on all pages of your funnel.
Scripts wrapped in a <noscript> tag cannot be entered here, please use the Global Scripts for these types of scripts or place them directly on the pages.
...
If you add the Tracking Id in the left column, you do not need to add the custom tracking code in the right column. Conversely, if you add the custom tracking code, you do not need to add the Tracking Id.
...
| Code Block | ||
|---|---|---|
| ||
<script type="text/javascript">
$(document).ready(function () {
function getHash(param) {
var value = param && param.trim();
if (!value) {
return "";
}
return sha256(value);
}
try {
var serializedOrderData = sessionStorage.getItem("orderData");
if (!serializedOrderData) {
return;
}
var orderDataTmp = JSON.parse(serializedOrderData);
var emailAddress = orderDataTmp.emailAddress;
var firstName = orderDataTmp.firstName;
var lastName = orderDataTmp.lastName;
var city = orderDataTmp.city;
var country = orderDataTmp.country;
var postalCode = orderDataTmp.postalCode;
if (gtag && emailAddress && firstName && lastName && city && country && postalCode) {
gtag("set", "user_data", {
"sha256_email_address": getHash(emailAddress),
"address": {
"address.sha256_first_name": getHash(firstName),
"address.sha256_last_name": getHash(lastName),
"city": city,
"postal_code": postalCode,
"country": country
}
});
}
} catch(error) {
console.log(error);
}
});
</script> |
Google Ads Conversion Tracking
For Google Ads conversion tracking, you can add your Google Ad Words conversion snippet to the Thank You page above the <title> tag, but after the Google tag. In that snippet, you can specify a “value” in the conversion snippet OR dynamically populate the “value” using information passed in the sessions' “orderData”. To correctly collect dynamic conversion data, you must parse orderData from sessionStorage using the correct naming conventions.
For example, one way you could modify the conversion snippet would be to include the order’s “totalAmount” and “orderId”. Be sure to use your own Google Ads AW-CONVERSION_ID/CONVERSION_LABEL in place of the “AW-XXXXXXX/XXXXXXXXXXXXXX” and customize as needed.
| Code Block |
|---|
<script>
var orderDataTmp = JSON.parse(sessionStorage.getItem("orderData"));
if(orderDataTmp) {
var orderValue = orderDataTmp.totalAmount;
var transactionId = orderDataTmp.orderId;
gtag('event', 'conversion', {
'send_to': 'AW-XXXXXXXX/XXXXXXXXXXXXXXXXXXXX',
'value': orderValue,
'currency': 'USD',
'transaction_id': transactionId
}
);
}
</script> |
See Please read Google’s article on How to Use the Google Tag for Ads Conversion for more information.
To learn more about configuring Google Analytics, see here for more information.
...
For Facebook the following events are fired:
...
For various Facebook pixels you would need to get the Jave script Javascript code from Facebook and then paste it in into the “Custom Head Tracking Code” section on our side.
...
Sygnal
For SnapChat Sygnal the following events are fired once the cardholder’s email address is known:
Page View ViewContent (all presell pages)
Purchase (with an option to fire after initial sale or after all upsells)
...
| title | Adding multiple Snap Chat pixels |
|---|
For more information on configuring your SnapChat pixel, please visit the SnapChat resource center, here:
SnapChat Business Help
TikTok
For TikTok the only requirement is that the ID is entered here. All remaining configuration is done at TikTok.
...
| title | If using a Shopify or TikTok pixel |
|---|
Shopify TikTok pixels do not allow you to edit the events, you will need to add the scripts manually using your Shopify TikTok pixel ID on each page.
Example:
// BASE CODE TEMPLATE:
...
Lead (when a lead page is submitted)
AddToCart (when an item is added to the shopping cart)
CustomizeProduct (when variant details are changed by the consumer)
InitiateCheckout (when a checkout page loads and there is a card number input on the page)
AddPaymentInfo (when a checkout page is submitted with card information)
Purchase (with an option to fire after initial sale or after all upsells)
If you wish to fire other Sygnal pixel events, you can use the Custom Head Tracking Code section on the right side of the page.
...
SnapChat
For SnapChat the following events are fired once the cardholder’s email address is known:
Page View (all pages)
Purchase (with an option to fire after initial sale or after all upsells)
For more information on configuring your SnapChat pixel, please visit the SnapChat resource center, here:
SnapChat Business Help
...
TikTok
For TikTok the only requirement is that the ID is entered here. All remaining configuration is done at TikTok.
| Expand | |||||||
|---|---|---|---|---|---|---|---|
| |||||||
Shopify TikTok pixels do not allow you to edit the events, you will need to add the scripts manually using your Shopify TikTok pixel ID on each page. Example: // BASE CODE TEMPLATE: <script> //Part 2
ttq
For more event codes visit https://ads.tiktok.com/marketing_api/docs?rid=5ipocbxyw8v&id=1701890973258754 API Documentation (tiktok.com) |
| Expand | ||
|---|---|---|
| ||
CheckoutChamp does not limit the number of pixels you can use at a time. You will however need to add them manually and place the correct events on them. On Part 2 of the code provided by TikTok you will add your pixel id’s. // BASE CODE TEMPLATE: <script>
//Part 2 ttq.load('YOUR PIXEL ID WILL BE LOCATED HERE'); ttq.load('YOUR PIXEL ID WILL BE LOCATED HERE'); For more event codes visit https://ads.API Documentation (tiktok.com/marketing_api/docs?rid=5ipocbxyw8v&id=1701890973258754) |
...
Triple Whale
Enable the Triple Whale checkbox to automatically add the Triple Whale script to the funnel. This requires a Shopify plugin attached to the funnel’s campaign.
...
The following information is sent to Listrak on a purchase: email address, first name, last name, order ID, customer ID, order total amount, shipping total amount, tax total amount, and item information (sku, quantity, price).
Custom Head/Body Tracking Code
These sections can be used to place tracking scripts on all pages of your funnel.
...
Place the code directly on the page
...