TikTok Pixel and Events API for Magento

Add TikTok Pixel and TikTok Events API (TikTok Server-Side API) With Developer Mode To Magento With Just A Few Clicks!

Works great with Facebook Catalog Product Feed!

The TikTok Pixel is a piece of JavaScript code for your website that enables you to measure, optimize and build audiences for your ad campaigns. Using the TikTok Pixel, you can leverage the actions people take on your website across devices to inform more effective TikTok advertising campaigns.

The TikTok Events API (TikTok Server-Side API) (for web) allows advertisers to send web events from their servers directly to TikTok. Server-side events are linked to a pixel and are processed like browser pixel events. This means that server-side events are used in measurement, reporting, and optimization in the same way as browser pixel events.

Apptrian TikTok Pixel and Events API extension for Magento adds TikTok Pixel with Developer Mode on CMS pages (including the home page), category pages, product pages, catalog search pages, catalog advanced search pages, customer registration page, checkout page (default Magento one but also any other without any coding, only by typing page handle (full action name) into our extension config.), and checkout success page. The extension supports Advanced Matching (if the customer is logged in) and has the ability to add custom parameters.

Optionally TikTok Pixel block can be added to any other Magento page or any other extension page (blogs, form pages, etc.) via our extension config by typing page handle (full action name). The TikTok Pixel allows you to place a single pixel on your entire website to report conversions, build audiences and get rich insights into how people use your website.

Conversion measurement lets you track actions people take after viewing your TikTok Ads across multiple devices, including mobile phones, tablets, and desktop computers. By creating a TikTok Pixel and adding it to the pages of your website where conversions happen, like the checkout page, you will see who converts as a result of your TikTok Ads. The pixel will continue to monitor the actions people take after clicking on your ad. You can see which device they saw the ad on and which device they ultimately converted on.

Account & Pricing

To use this extension, a free TikTok for Business account is required.

NOTE: TikTok Advertising service is not free; additional charges apply to users running TikTok Ad Campaigns.

Features

TikTok Pixel

• An easy way to enable or disable TikTok Pixel.
• Advanced Matching (if the customer is logged in).
• Works out of the box just type your TikTok Pixel ID (or comma-separated IDs for multi-pixel setups) in our extension config.
• Option to type page handles (full action names) where you want TikTok Pixel. Using this option TikTok Pixel can be added to any other Magento page or any other extension page (blogs, form pages, etc.).
• Option to enable or disable the TikTok Pixel base code.
• Individual options to enable or disable AddToCart, AddToWishlist, CompletePayment, CompleteRegistration, InitiateCheckout, PageView, PlaceAnOrder, Search, and ViewContent events.
• Option to fire PageView event with other events: CompletePayment, CompleteRegistration, InitiateCheckout, PlaceAnOrder, Search, and ViewContent.
• Options to detect selected SKUs for all product types including bundle, configurable, and grouped products. WARNING! *

* WARNING! TikTok Pixel (client-side) detection of selected SKUs feature is heavily dependent on the theme you are using and its customization. It is impossible to predict all possible themes and customizations. Because of this detection will not work on every theme. This is why extension default configuration comes with this feature turned off. You can turn it on, try it out if it is working for you and if it does leave it on, otherwise turn it off. If you are a developer you will be pleased to know that everything is conveniently located in code.phtml file. To make it work, in some cases only the adjustment of a few jQuery selectors is needed in others complete rewrite of the detection code is needed. Because of this, we do not give any warranty for the detection feature, nor it is covered by our support service.

Unlike TikTok Pixel client-side detection, the TikTok Server-Side detection is not dependent on the theme you are using and its customization. Therefore if you want to use detection, we recommend you to use server-side detection and events.

TikTok Events API (TikTok Server-Side API)

• An easy way to enable or disable TikTok Events API (TikTok Server-Side API).
• Advanced Matching (if the customer is logged in).
• Option to type your TikTok Access Token (or comma-separated Tokens for multi-token setups) in our extension config.
• Option to type your TikTok API Version in our extension config.
• Option to type your Test Event Code in our extension config.
• Option to log server-side fired events in the Magento log file.
• Individual options to enable or disable AddToCart, AddToWishlist, CompletePayment, CompleteRegistration, InitiateCheckout, PageView, PlaceAnOrder, Search, and ViewContent events. * Notice
• Option to fire PageView event with other events: CompletePayment, CompleteRegistration, InitiateCheckout, PlaceAnOrder, Search, and ViewContent.
• Option to move parameters outside contents.
• Options to detect selected SKUs for all product types including bundle, configurable, and grouped products.

* Notice Since version 1.0.0 you can send both the TikTok Pixel event and TikTok Events API event simultaneously. The server-side events are not visible in the TikTok Pixel Helper extension for Chrome. You can see server-side events in your TikTok Business Manager.

Category (Category Page)

• Option to type page handles (full action names) where you want category-related code.
• Option to type the event name you want to use for category tracking.
• Options to add custom parameters to your category-related event with parameters to attributes mapping. Example: content_category=name. The format is simple param1=attribute1|param2=attribute2 TikTok Pixel custom parameter and Magento category attribute are connected by = sign and pairs are separated by | sign.

Product (Product Page - AddToCart, AddToWishlist, ViewContent Events)

• Option to type page handles (full action names) where you want product-related code.
• Option to select SKU you want to use for bundle products. Options: Product SKU as (id), Children SKUs as (id)s, Children SKUs as (id)s and Product SKU as (item_group_id)
• Option for content_type to use product_group instead of product for bundle products.
• Option to select SKU you want to use for configurable products. Options: Product SKU as (id), Child SKU as (id), Child SKU as (id) and Product SKU as (item_group_id)
• Option for content_type to use product_group instead of product for configurable products.
• Option to select SKU you want to use for downloadable products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to select SKU you want to use for grouped products. Options: Product SKU as (id), Children SKUs as (id)s, Children SKUs as (id)s and Product SKU as (item_group_id)
• Option for content_type to use product_group instead of product for grouped products.
• Option to select SKU you want to use for simple products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to select SKU you want to use for virtual products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Options to add custom parameters to your product-related events with parameters to attributes mapping. Example: content_name=name|content_category=product_category. The format is simple param1=attribute1|param2=attribute2 TikTok Pixel custom parameter and Magento product attribute are connected by = sign and pairs are separated by | sign.

Quote (Checkout Page - InitiateCheckout Event)

• Option to type page handles (full action names) where you want quote-related code.
• Option to select SKU you want to use for bundle products. Options: Product SKU as (id), Children SKUs as (id)s, Children SKUs as (id)s and Product SKU as (item_group_id)
• Option to select SKU you want to use for configurable products. Options: Product SKU as (id), Child SKU as (id), Child SKU as (id) and Product SKU as (item_group_id)
• Option to select SKU you want to use for downloadable products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to select SKU you want to use for grouped products. Options: Children SKUs as (id)s, Children SKUs as (id)s and Product SKU as (item_group_id)
• Option to select SKU you want to use for simple products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to select SKU you want to use for virtual products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to type parameter name if you want to use Magento quote ID.
• Options to add custom parameters to your quote-related event with parameters to attributes mapping. Example: content_name=name|content_category=product_category. The format is simple param1=attribute1|param2=attribute2 TikTok Pixel custom parameter and Magento product attribute are connected by = sign and pairs are separated by | sign.

Order (Checkout Success Page - CompletePayment and PlaceAnOrder Event)

• Option to type page handles (full action names) where you want order-related code.
• Option to select SKU you want to use for bundle products. Options: Product SKU as (id), Children SKUs as (id)s, Children SKUs as (id)s and Product SKU as (item_group_id)
• Option to select SKU you want to use for configurable products. Options: Product SKU as (id), Child SKU as (id), Child SKU as (id) and Product SKU as (item_group_id)
• Option to select SKU you want to use for downloadable products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to select SKU you want to use for grouped products. Options: Children SKUs as (id)s, Children SKUs as (id)s and Product SKU as (item_group_id)
• Option to select SKU you want to use for simple products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to select SKU you want to use for virtual products. Options: Product SKU as (id), Product SKU as (id) and Parent SKU as (item_group_id)
• Option to type parameter name if you want to use Magento order ID.
• Option to type parameter name if you want to use Magento order increment ID.
• Option to type parameter name if you want to use Magento quote ID.
• Options to add custom parameters to your order-related event with parameters to attributes mapping. Example: content_name=name|content_category=product_category. The format is simple param1=attribute1|param2=attribute2 TikTok Pixel custom parameter and Magento product attribute are connected by = sign and pairs are separated by | sign.

Search (Search Result Page - Search Event)

• Option to type page handles (full action names) where you want search-related code.
• Option to type the event name you want to use for search tracking.
• Option to type the parameter name you want to use for search tracking.
• Option to type request parameters you want to include for search tracking.

Miscellaneous

• Option to select TikTok product identifier. Magento product SKU (Recommended) or Magento product ID.
• Option for Advanced Matching data mapping. Example: external_id=external_id|email=em|phone_number=ph. The format is simple param1=key1|param2=key2 TikTok parameter and data key are connected by = sign and pairs are separated by | sign. Available customer data keys are: em, ph, fn, ln, ge, db, ct, st, zp, country, external_id.
• Options to connect default Magento "Cookie Restriction Mode" cookie or any third-party cookie consent extension or theme customization via following options: Enable Cookie Consent, Consent Cookie Name, Consent Cookie Key, Consent Cookie Value, and Consent Button.

Installation Instructions

There are several ways you can install any Magento extension. Our extension is no different. We will show you three ways to install the extension, but you must not mix them. Choose one and stick to it.

If you do not know how to install an extension or you wish a professional to do it for you, we offer additional Installation service for a small fee.

Installation via file uploading
(If you purchased the extension on our site)

If you purchased the extension on our site then unpack .zip file from /Magento2/InstallByUploadingFiles/ directory inside your Magento root.
- Run following commands on Magento root directory:
php bin/magento maintenance:enable
php bin/magento module:enable --clear-static-content Apptrian_TikTokPixel
php bin/magento setup:upgrade
php bin/magento cache:flush
php bin/magento setup:static-content:deploy
php bin/magento maintenance:disable
php bin/magento cache:flush

Installation via Composer
(If you purchased the extension on our site)

If you purchased the extension on our site then copy .zip file from /Magento2/InstallWithComposer/ directory inside your MAGENTO_ROOT/vendor/apptrian/packages/ directory (create directory if does not exist).
- Run following commands on Magento root directory:
php bin/magento maintenance:enable
composer config repositories.apptrianartifacts artifact $(pwd)/vendor/apptrian/packages
composer require apptrian/tiktok-pixel
php bin/magento module:enable --clear-static-content Apptrian_TikTokPixel
php bin/magento setup:upgrade
php bin/magento cache:flush
php bin/magento setup:static-content:deploy
php bin/magento maintenance:disable
php bin/magento cache:flush

Installation via Composer
(If you purchased the extension on Magento Marketplace)

If you purchased the extension on Magento Marketplace then you must use Composer. Magento Marketplace does not allow extension downloads.
- Run following commands on Magento root directory:
php bin/magento maintenance:enable
composer require apptrian/tiktok-pixel
php bin/magento module:enable --clear-static-content Apptrian_TikTokPixel
php bin/magento setup:upgrade
php bin/magento cache:flush
php bin/magento setup:static-content:deploy
php bin/magento maintenance:disable
php bin/magento cache:flush

Please make sure your Magento public and private keys are in your Magento root auth.json file. Usually, people install Magento with one Magento Marketplace account (public and private keys) and then purchase an extension with another Magento Marketplace account (different public and private keys). Check the Magento Marketplace account you used to purchase the extension and make sure its public and private keys are in the Magento root auth.json file. WARNING! if you already have keys there, be very careful because maybe some other extensions are purchased with another Magento Marketplace account.

Configuration

Our extension works out of the box. The only thing you need to do is type your TikTok Pixel ID and Access Token in our extension configuration. To do this, log in to your Magento Admin and go to:

Stores > Configuration > Apptrian Extensions > TikTok Pixel and Events API > TikTok Pixel (Client-Side Settings) > TikTok Pixel ID

Stores > Configuration > Apptrian Extensions > TikTok Pixel and Events API > TikTok Events API (Server-Side Settings) > TikTok Access Token

See FAQ on how to get Access Token.

All options are self-explanatory and have comments and tooltips. Make sure you read them.

After changing options, make sure you refresh your Magento cache.

WARNING! You need to remove all other implementations of TikTok Pixel and use only our extension.

• Remove all other extensions that fire TikTok Pixel.
• Remove all theme customizations that fire TikTok Pixel.
• If you are using GTM (Google Tag Manager), make sure it is not firing TikTok Pixel events.

FAQ

Q: How do I get TikTok Access Token?
A: The TikTok Ads Manager account Admin or Operator can generate an access token directly under the pixel Settings tab.
- In TikTok Ads Manager, navigate to Assets > Events, and click Manage in the Web Events section.
- Find the pixel object that you want to use for reporting events, and click its name to view its settings. If you need to create a new pixel object, remember to select Manually install pixel code and Developer Mode.
- In the Settings tab, click Generate Access Token. The token will be generated immediately. You can then copy the access token and paste it into our extension config.

Q: TikTok Events API does not work?
A: TikTok deprecated older versions of the Server-Side API. Go to our extension config and for the TikTok API Version option type v1.2 or newer, then refresh your Magento cache (System > Cache Management) and you are done.

Q: Is it possible to add the TikTok Pixel to other Magento pages or extension pages?
A: Yes it is. In our extension config just use the option "Add TikTok Pixel To" and type your page handle (full action name). For example, if you want to add TikTok Pixel to a blog page and that blog page handle is "blog_post_view", you would type this into "Add TikTok Pixel To" at the end. Page handle depends on a particular extension this is just an example. Do not forget to Refresh your Magento Cache.