SOP 110: Install TikTok pixel on your site
\nAdd the TikTok pixel to your site in order to create remarketing audiences and set up conversions for your campaigns that better optimize your ads.
\nLast Updated / Reviewed: 06/21/2024
\nExecution Time: 10-20 minutes
\nđ Goal: To add the TikTok tracking pixel to your site.
\nđ¤ Ideal Outcome: The TikTok pixel is properly installed without any technical issues.
\nđ¤ Why this is important: The TikTok Pixel allows you to track visitors who come from your TikTok ad campaigns. You can also track website visitor actions, like 'Pageviews' or 'Purchases' and create audience segments to retarget them.
\nđ§ Where this is done In Google Tag Manager and TikTok Ads Manager.
\nđď¸ When this is done: Before you run any TikTok advertising campaign on your website. You only need to do this once unless youâre running TikTok ads on multiple websites.
\nđ¨ Who does this: The person responsible for website management, analytics, or paid advertising.
\n__â ď¸Prerequisites or requirements: __
\nYouâll need access to an active TikTok for Business account. Also, youâll need access to Google Tag Manager (GTM) that was set up on your website.
\nIf you donât have a TikTok For Business account, sign up here.
\nIf you havenât set up Google Tag Manager, refer to the following SOPs:
\n⢠SOP 004 (web version) to Set up Google Tag Manager on WordPress
\n⢠SOP 065 (web version) to Set up Google Tag Manager on Shopify
\n⢠SOP 066 (web version) to Set up Google Tag Manager on Squarespace
\nClick here to get the most up-to-date version of this SOP
\nBefore you start:
\nCreating your Pixel:
\nYouâll be asked to login to your Google account. Make sure all the Google Tag Manager permissions are checked. This allows Google Tag Manager and the TikTok Pixel to communicate with each other.
\nNote: Double-check that youâre logging into the correct Google account (the one that has access to your Google Tag Manager container).
\n**
\nFollowing the above steps,
\nNote:* Click on the arrow on step 1 to reveal if the TikTok Pixel has been properly installed on your website. If not, you will have to install the base code in the header section of your website. Click on the below button \"Install Base Code\" to reveal the pixel code. *
\n**
\nNote 1:* When setting up __URL keywords__, avoid entering keywords that might be duplicates of each other. For instance, using \"cart\" and \"cart/123\" as separate keywords could cause duplicate events due to overlapping trigger rules. You can also create more events by clicking on + Enter URL Keywords or + Add Web Elements.Note 2:When setting up __Web Elements__, enter your websiteâs URL in the preview on the left side of the screen to sync your website with the event setup, which mimics how your site will appear in the TikTok app. Once connected, use \"selector\" mode to add web elements or \"navigation\" mode to move around your site. After syncing your website in the preview and on your mobile device, click \"+ Add Web Elements\" to begin. Selectable web elements will be highlighted in blue. Click on an element to record it as CSS selector code under \"Select clicked element\".*
\n(1) Set up value and currency parameters with Event Builder
\nAfter selecting your event type and setup method, configure the value and currency parameters required for ROAS reporting and Value Optimization. Click the \"value & currency\" dropdown and choose \"Choose value & currency on page\" to add a value parameter corresponding to the event on your page. Event Builder will then dynamically fill values onto other pages. Finally, select your currency from the dropdown menu under the currency section. Note:* This setup is best for one currency. If you have a more complex website with multiple currencies, we recommend you use a more advanced setup tool for parameters such as Custom Code or Events API.* Â (2) Set up content parameters with Event Builder After selecting your event type and setup method, configure the content parameters (content ID and content type) necessary for Video Shopping Ads and Catalog Management. Click the \"Content ID and Content Type\" dropdown to add a content parameter. You can select the content ID from your web page if it is visible, or choose to extract the content ID from the URL if it appears there. Then, select the content type.
\nImportant: It takes about 15-30 minutes for both Google Tag Manager and TikTokâs event pixel to start sending signals.
\nYouâve done it!* *Now that youâve started tracking page views across your website, you can set up tracking for other metrics such as add to cart and purchase events.
\n"}