Skip to main content

Advanced tracking script

Ensure seamless and accurate data collection across your Shopify store, and across headless storefronts, with Littledata’s Advanced Tracking Script.

Installed as a custom web pixel directly from your Shopify admin, this powerful solution works alongside Littledata's server-side tracking to fill gaps and improve reliability — so you never miss a critical conversion or customer journey.

info

The Advanced Tracking Script is available only for Pro, Plus and Enterprise customers.

Key Benefits

  • Shopify Hydrogen and headless support – Get consistent tracking across a headless storefront
  • Fully redundant tracking – Safeguard your marketing data with both client-side and server-side tracking for key destinations
  • Custom landing page support – Track customers across non-Shopify pages with ease
  • Accelerated checkout compatibility – Track conversions seamlessly across Shop Pay and other accelerated checkout options

How to add the Advanced Tracking Script

  1. In the Littledata dashboard you will see the Advanced Tracking Script widget; click Update now to start the script installation wizard.

    Add Advanced tracking script

  2. From your Shopify store admin, go to Settings, then Customer events

    Customer Events

  3. Click Add custom pixel You will need to create a custom pixel called Littledata - Advanced tracking

    Make sure that the name is exactly the same so we can check this step is complete.

    Create custom web pixel

  4. Configure your customer privacy settings. If the Consent Management Platform or cookie banner you're using integrates with Shopify's Customer Privacy API then keep to Required; if it doesn't or you are not using any consent management you can set the permission to Not required.

    Consent for web pixel

  5. Return to the Littledata app, copy the Custom Pixel code and paste it into your newly created pixel under the Code section.

  6. After that, click Save and then Connect.

When the setup is completed, you will be redirected to the Littledata dashboard where the Advanced tracking script state should be green, informing you that the pixel is detected on the store.

success

Redundant tracking setups

When added in addition to Littledata's server-side tracking they allow for fully redundant tracking in destinations that support client and server side events. Supported destinations include:

Adding Littledata's advanced tracking script gives you another reliable way to track events that might otherwise be lost, and follows the best practice for a Redundant Setup.

What events are collected by the web pixel?

Littledata's custom web pixel improves tracking of checkout and post-purchase events across Social bundle integrations (Meta Conversions API or Mea CAPI for short, TikTok and Pinterest).

Data destinationsWeb pixel eventMeta eventDescription
Meta CAPI, TikTok, Pinterestproduct_added_to_cartAddToCartThe addition of an item to a shopping cart
Meta CAPI, TikTokcheckout_startedInitiateCheckout *The start of a checkout process
Meta CAPI, TikTokpayment_info_submitedAddPaymentInfo *Customer payment info submitted
Meta CAPI, TikTok, Pinterestcheckout_completedPurchase *Completing the checkout / thank you page

* an additional PageView will be sent with the event

Troubleshooting

Advanced tracking script states

We run periodic checks to ensure that both the tracking script (via the app embed) and the custom web pixel are detected on your store.

  1. Advanced tracking script detected - The script is detected and running on your store.

  2. Missing advanced tracking script We've failed to detect the script on your store; follow the guide to re-enable it by clicking FIX THIS. Make sure the pixel is named Littledata - Advanced tracking

  3. Advanced tracking script available You didn't connect Littledata's web pixel before or updates to the web pixel are available

How to check if the web pixel has loaded

Go to your newly created pixel —Littledata - Advanced tracking— in the Customer events tab and click on test to open the custom pixel on your website.

To view which events are loading, visit each page that you want to test the pixel for, and review the Pixel helper dialog to ensure that the event was successfully subscribed to and that the callback function was successful.

How to reconnect the pixel

If you don't see the pixel firing, one of your colleagues may have disconned the pixel. You need to go to your Shopify Customer events, check for the Littledata - Advanced Tracking, click on the three dots on the right and click Connect. That's it! However, if the web pixel is not there, it means that it has been deleted, and you will need to install again.

reconnect pixel