Littledata's custom web pixel

Why do I need Littledata's customer pixel?

Custom pixels are additional code snippets that enhance event tracking across your online store throughout the funnel, thus allowing for fully redundant tracking.

With Littledata's customer pixel, you are adding another reliable way to allow full client and server-side tracking and dual tagging for events that might otherwise be lost.

note:

This feature is available only for Pro, Plus and Enterprise customers.

What events are collected?

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 destinations	Event	Description
Meta CAPI, TikTok, Pinterest	product_added_to_cart	The addition of an item to a shopping cart or basket.
Meta CAPI, TikTok	checkout_started*	The start of a checkout process.
Meta CAPI, TikTok	payment_info_submited*	The addition of customer payment information during a checkout process.
Meta CAPI, TikTok, Pinterest	checkout_completed*	The completion of a one-time purchase or first recurring purchase is usually signified by receiving an order or purchase confirmation, or a transaction receipt.

*- an additional PageView will be sent with the event.

How to set it up:

1. In the Littledata dashboard you will see the custom web pixel status; if you haven't used the Littledata web pixel before, the state should direct you to update the web pixel

You will be redirected to the custom web pixel installation wizard

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

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

*make sure that the name is the one provided above as our implementation depends on this parity.

4. Configure your customer privacy settings

*the consent management platform you're using must integrate with Shopify's Customer Privacy API for the web pixel to respect the permission; if it doesn't or you are not using any consent management platform you can set the permission to Not required

5. Return to the Littledata app, copy the uniquely generated code from the wizard and paste it into your newly created pixel under the Code** section.

After that, Save and Connect.

If the setup is completed, you should be redirected to the Littledata dashboard and the custom web pixel state should be green, informing you that it is detected on the store.

Custom web pixel dashboard states

We are running periodic checks in the background to ensure that both the script and the custom web pixel are detected and running on your store.

1. Custom web pixel detected
   The Littledata custom web pixel is detected and running on your store; no action needed.

   

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

   

3. Custom web pixel available
   You will see this state only if you didn't connect Littledata's web pixel before.
   *it may be used to alert you of updates to the web pixel

   

Troubleshooting

How to check if the web pixel has loaded

Go to your newly created pixel —Littledata - Advanced tracking— in the Customer eventstab 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

In the case that you disconnected from the pixel, the fix is very simple. You just 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 need to start the process from the beginning.