Support Center

Setting up TikTok Pixel for your website

In the following guide, we talk about how to add the TikTok pixel to your Jumpseller store. After you have the TikTok pixel installed on your website, you will be able to track conversion and engagement events. TikTok’s pixel is a code that allows you to track and understand the actions users take on your website. When a user gets to your site, the pixel starts tracking their behaviour and conversions. This will allow you to better optimize your TikTok Ads, increase your e-commerce sales and launch better campaigns.

Quick Steps

  • Log in to TikTok Business or create your account.
  • Navigate to “Assets > Events”.
  • Go to “Events Manager > Web Events” and click on “Manage”.
  • Click on “Create Pixel”.
  • Name Your Pixel (example MyStore_TikTokPixel).
  • Select “Manually install pixel code”. Otherwise, you can select “Install pixel code by 3rd part tool” to install using Google Tag Manager.
  • Install the code between the tags on your website. Access to Options in your theme settings or add them via code editor.
  • Verify your pixel code.
  1. Create Pixel: First you need a TikTok Business Account, you can log in or create it on TikTok Business. In the main menu navigation click on “Assets” and select “Events”.

    Select Events
    • Go to Web Events and click on “Manage”.
    Web Events and click on Manage
    • Now click on create pixel and insert the name.
    Click on Create Pixel
  2. Name Pixel: Name the pixel. Maximum character length is 128 characters, including spaces.

Name TikTok Pixel

Manually install pixel code

Installation Type: Choose Manual Installation.

Choose manual installation

Event Setup Method: Choose “Standard” and click “Next”.

Choose Standard Mode

Get your pixel code: Copy and paste the pixel code at the top of the header section on your store.

Choose manual installation

Some our themes have the “Header and Footer Scripts” section, you can paste the pixel via Visual Editor or Code Editor.

How to put the code on Starter Theme

Only paste your pixel code once. Do not add the pixel repeatedly to the header section.

Important: Automatic Advanced Matching option must be always desactivated.

Automatic Advanced Matching

Events

After you create and install a pixel, click Next to reach the Create Events page. From here, you can create events using either tracking methods: URL keywords or web elements.

Add Events

Tracking methods help you set up and assign rules to events that you want to track, like ‘add to card’ or ‘purchase.’ For each event, there are 2 types of tracking methods to choose from:

  • Click Events: Count every time someone clicks on a specific element on your website as an event. This could be adding something to a cart, submitting a form, or downloading an app. Click events use web elements of the buttons or links you want to track.

  • URL Events: Count user visits to specific pages on your website as events. This could include the confirmation page after a purchase or a thank you page. URL events use keywords contained in the URL of the page you want to track. Example: yourstore.com/checkout

Create URL Events

Add Events
  1. From the Create Events page, click ‘+ Enter URL Keywords’ to get started.
  2. Select the appropriate Event Type for this URL event:
    • Under Advanced settings, you have the option to name this event and input a value/currency to measure ROAS (Return on ad spend).
  3. Fill in the keywords from the URL of the page you want to track:
    • For example, if you want to track: https://www.yourstore.com/checkout Enter ‘checkout’
    • To add additional keywords to this event, click the (+) symbol to the right and input 1 keyword at a time.
  4. Create more events by clicking ‘+ Enter URL Keywords’ or ‘+ Add Web Elements’.
  5. When you’re done, review all your events and details under Events summary. Click ‘Complete Setup’ to finish.

The next table about the differents events:

Event Source Description Trigger
AddToCart Server Add product to cart Add product to cart
Contact Server Submit contact form Visits contact page
InitiateCheckout Server View first page of the Checkout process Visits Checkout page
Purchase Server Reach the final Checkout success page for the first time Visit to the success page
CompleteRegistration Server Customer registers in store Customer is registered
Search Server Submit a search query Visits a search page
ViewContent (Category) Server View page of category Visits a category page
ViewContent (Product) Server View page of product visits a product page
AddPaymentInfo Server View Checkout's page after adding payment info Visits Payment Page in Checkout?? or Confirmation page in checkout 1?
PageView Server View any page visits any page

Verification

TikTok Pixel Helper

TikTok Pixel Helper

You can use this extension to check your pixel installation Install Google Chrome Extension - TikTok Pixel Helper.

TikTok Pixel Helper TikTok Pixel Helper

For more informaiton, visit: TikTok’s official guide.

Start your journey with us!

Free trial for 14 days. No credit card required.