Published on

2024 - TikTok Pixel Conversion API - E-commerce All Events - Server and Browser Side

Introduction

Setting up conversion tracking for your e-commerce store using TikTok Pixel can significantly enhance your marketing efforts. In this guide, we'll explore how to set up the TikTok Pixel Conversion Tracking for both browser and server events, focusing on crucial e-commerce events such as Page View, View Content, Add to Cart, Begin Checkout, and Purchase. Let’s dive into the steps required for a successful integration.

Step 1: Setting Up TikTok Pixel

  1. Access TikTok Ads Manager: Begin by logging into your TikTok Ads Manager. Ensure that you have completed your setup for the TikTok Ads Manager.

  2. Create a TikTok Pixel:

    • Navigate to the 'Tool' section, then to 'Event'.
    • Click the '+' sign to create a new TikTok Pixel.
    • Choose 'Web' for conversion tracking.
    • Proceed with a manual setup if you are not using Shopify.

  3. Configure Pixel Details:

    • Name your pixel (e.g., "E-commerce Pixel").
    • Confirm and select the necessary events and custom code, then click 'Finish'.

  4. Connect Pixel to Website:

    • Create a browser container by clicking the three dots, then 'Create Container'. Name it accordingly (e.g., "Market TikTok for Browser").
    • Copy the Google Tag Manager code and integrate it into your website’s settings. Ensure that your Google Tag Manager plugin is installed and activated.

  5. Testing Google Tag Assistant:

    • Use Google Tag Assistant to check if the connection is successful.
    • Navigate through your product pages, triggering the relevant events.

Step 2: Creating E-commerce Events

Page View Event

  1. Add Base Code:
    • Go to TikTok Ads Manager, Settings, and retrieve the base TikTok Pixel code.
    • In Google Tag Manager, create a new tag, selecting “Custom HTML” and paste the TikTok Pixel code.
    • Configure the tag to fire on all pages.

View Item Event

  1. Create View Content Event:
    • Use TikTok's community template for events. Add the TikTok pixel template to your workspace.
    • Input your Pixel ID and configure relevant parameters (Content ID, Content Type, etc.)

Add to Cart Event

  1. Duplicate and Modify for Add to Cart:
    • Copy the View Item tag, rename it to Add to Cart, and adjust the event name.

Begin Checkout Event

  1. Configure Begin Checkout Event:
    • Create a new tag for Begin Checkout, ensuring to add the necessary parameters and values.

Purchase Event

  1. Complete Purchase Event:
    • Similarly, create a Purchase tag and input the relevant parameters, including User Data like email and phone in hashed format for privacy.

Step 3: Setting Up Server-Side Tracking

  1. Create Server Container:

    • You will also need to set up a server container for first-party tracking. Connect your Custom Domain.

  2. Configure Google Tag:

    • Set up a Google Tag in the server container for sending page views and other necessary data, using the event ID to avoid duplication.

  3. Implement Events for Server Side:

    • For Server-side tracking, replicate the steps above to create the necessary tags for View Item, Add to Cart, Begin Checkout, and Purchase using appropriate parameters.

Testing and Validation

Once you have configured all your events for both browser and server sides, use TikTok's Event Manager to ensure all events are firing correctly. Navigate through your website to trigger these events, confirming that the data is reflecting accurately in the TikTok Ads Manager.

By successfully implementing the TikTok Pixel Conversion API for both browser and server sides, you can ensure that all e-commerce events such as Page View, View Content, Add to Cart, Begin Checkout, and Purchase are being effectively reported.

Keyword

TikTok Pixel, Conversion API, E-commerce Events, Page View, View Content, Add to Cart, Begin Checkout, Purchase, Server Side, Google Tag Manager, Tracking, Marketing.

FAQ

Q1: What is TikTok Pixel?
A1: TikTok Pixel is a piece of code that allows you to track user actions on your website and measure the effectiveness of your ads.

Q2: How do I create a TikTok Pixel?
A2: You can create a TikTok Pixel through the 'Tool' section of TikTok Ads Manager by navigating to 'Event' and following the prompts to set it up.

Q3: What events can I track using TikTok Pixel?
A3: You can track various e-commerce events including Page View, View Content, Add to Cart, Begin Checkout, and Purchase.

Q4: Why is server-side tracking important?
A4: Server-side tracking offers improved data accuracy and privacy while reducing reliance on browser cookies, which can be blocked or restricted by users.

Q5: How can I test if my TikTok Pixel is working properly?
A5: Use Google Tag Assistant to preview and confirm that the TikTok Pixel is firing correctly and that all events are being captured in TikTok Ads Manager.

Read More