Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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:

Make the switch to Google Analytics 4

...

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

Google

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.

...

image-20240801-141941.pngImage Added

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.

...

Google

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.

...

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 pagespresell pages)

  • Lead (when a lead page is submitted)

  • Purchase AddToCart (with when an option to fire after initial sale or after all upsells)

...

titleAdding 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.

...

titleIf 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:

...

  • 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
titleIf 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:

<script>
//Part1
!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

//Part 2
ttq.load('YOUR PIXEL ID WILL BE LOCATED HERE');
ttq.page();
}(window, document, 'ttq');
</script>

Code Block
// BASE CODE TEMPLATE:

<script>//Part1!function (w, d, t) {w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};


//Part
2
ttq
 2ttq.load('YOUR PIXEL ID WILL BE LOCATED HERE');

ttq.page();

}(window, document, 'ttq');

</script>

For more event codes visit https://ads.tiktok.com/marketing_api/docs?rid=5ipocbxyw8v&id=1701890973258754 API Documentation (tiktok.com)

Expand
titleMultiple TikTok Pixels

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>
//Part1
!function (w, d, t) {
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

Info

On Part 2 you will add your multiple TikTok pixels

//Part 2
ttq.load('YOUR PIXEL ID WILL BE LOCATED HERE');

ttq.load('YOUR PIXEL ID WILL BE LOCATED HERE');

ttq.load('YOUR PIXEL ID WILL BE LOCATED HERE');
ttq.page();
}(window, document, 'ttq');
</script>

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

...