TikTok Guide for Affiliates
There are three ways you can install TikTok pixels:
Browser Method – Standard Mode
Browser Method – Developer Mode
Postback Method – Events API
For highest tracking accuracy we recommend the Events API Method, but will cover all available methods.
Method 1 – Events API Method |
---|
For the Events API Method, you first need to create an access token in your Ad Account.
This requires an existing pixel to be already made, so if you have not done so, please reference either of Methods 2 or 3 to know how to set up a new pixel. If you have one already, follow this guide.
Step 1 – Get your Access Token
Go to Assets=>Events to hit Events Manager. Click Manage under Website Pixel:
If you have an existing pixel, it will take you to this window:
Click the hyperlink pixel name to move to the next menu
Click settings in the new menu, you should hit a menu that says Events API. Select “use another account’s TikTok Developer app”. Enter App ID – 6829503352221466630.
Click Generate access token, and you will see menu similar to this – copy the value given
Step 2 – Go to your Everflow Login, and add the Integration
Navigate to Company, Integrations, and click Add under TikTok Integrations.
Note: at this time, Everflow does not have an official guide, so the tutorial will not exist until Everflow has made it.
Copy and paste the access token you have generated under the access token. The name does not matter, just make sure it is something that is easy for you to remember if you use multiple pixels or ad accounts.
Step 3 – Go to Postbacks, Add Postback and set up your conversion event
Hit add postback, and you will move to below menu:
Note: You can do it for all offers or just some offers, choose what is appropriate for your use case. Make sure if you are using conversion, to use Complete Payment as your TikTok Event. For other events, please read the next Step for instructions.
Step 4 (Optional) – Add Events (only available at Postback Level = Specific)
If you want to track other events with the API, instead go to the events menu, and repeat same steps as #3, except selecting a different TikTok Event as appropriate:
Note: You have to select a SPECIFIC offer to use events, you cannot do a global event at this time. This is a feature we are aiming to release on Verve Offers in November 2021. The standard event notation for Everflow/TikTok would be
Presale and Interstitial => View Content
Checkout => Initiate Checkout
AddToCart => AddToCart
Step 5 – Set up your ads to pass ttclid
TikTok is like Facebook and Google, it hinges on click ID. By default, TikTok ads will send a tik tok click id in the URL. Make sure if you are using your own lander, that your lander is configured to pass parameters to the offer pages. Please DO NOT rename the parameters.
To set up Click Id, just follow below under AdGroup=>AdDetails=>URL
So simply at the end of any URL your are using, just append &ttclid=__CLICKID__. If you are hosting a URL, make sure that parameter is passed to any offer pages you are running. Append this whether you are using a direct link or a redirect link, to the link your AM gives you.
Step 6 – Test
You don’t really need a ttclid to test, any events will show up in events manager, even if they don’t in ads manager, which is what the ttclid is really for. Events manager will record all activity whether it is truly a real sale or not, ads manager will record the real salaes.
Ask your AM to test, and 30 minutes after the test itself, you should see something similar to below:
If you have a previous placed browser pixel, please make sure it is removed. There is no deduping available right now between browser and server methods.
Method 2 – Browser Pixels, Standard Mode |
---|
Go to Assets=>Events to hit Events Manager
Choose Website Pixel, and click Manage
Name your Pixel, and select Manually install pixel code:
Select Standard Mode:
Your newly generated Pixel code in the next menu will look something like below:
Currently Everflow does not effectively support HTML placement for TikTok in Everflow – send the pixel to your AM to get placed directly on page. We highly recommend you do NOT place in Everflow for Tiktok yourself in Method 2.
Once you have confirmation (or even before that) – you are not quite done yet.
On Tiktok, you need to hit Complete & Set Rules in the create pixel window in TikTok. If you do not do this – TikTok will assume purchase is everywhere you placed the code on, which is if it is every page, every page click. So please make sure to do below if you are following this method.
Hit Complete and Set Rules. You can choose Ecommerce Events or Custom Events; it really depends what events you want to track as a marketer. But we recommend the purchase event as below at minimum:
Once you hit next, it will bring you to a new pop over menu. Select Destination URL, and use add page browsing rule. Ask your AM for the conversion url you should use.
NOTE – If the Conversion URL ever changes, your tracking will break. For this reason, we DO NOT recommend this method. Also, the setting rules can be a touch tedious if you want to set more than just view_content and complete_purchase.
Method 3 – Developer Mode |
---|
This is our recommended browser implementation, as the Conversion URL change will not impact you in this case, and you can basically just send one script, but otherwise much of it is the same.
Go to Assets=>Events to hit Events Manager
Choose Website Pixel, and click Manage
Name your Pixel, and select Manually install pixel code:
Then in the next menu, hit developer mode:
After hitting next, you will hit a window like below:
Copy and paste the code and send it to your AM/Ops. You will notice in the same screenshot, there is a box that shows “Event Code and Parameters” these are the standard event snippets TikTok provides, and we generally support the below:
Event | Description | Event Code |
Add Payment Info | When payment information is added in the checkout flow. | ttq.track('AddPaymentInfo') |
Add to Cart | When an item is added to the shopping cart. | ttq.track('AddToCart') |
Complete Payment | When a payment is completed. | ttq.track('CompletePayment') |
Initiate Checkout | When the checkout process is started. | ttq.track('InitiateCheckout') |
View Content | When a page is viewed. | ttq.track('ViewContent') |
So, adding this to the base code you should have copied is very simple. For example, for a Complete_Payment (which is a purchase event), I could modify my script as below highlighted in yellow:
Rinse and repeat for any events you want.
Currently Everflow does not effectively support HTML placement for TikTok– send the pixel to your AM to get placed directly on the page. We highly recommend you do NOT place in Everflow for Tiktok yourself in Method 2. We will verify with the TikTok pixel helper and send a screenshot as confirmation wherever possible.
Availability of events depends on the offer – if the event is unavailable, it is not something we may be able to offer, but you can check with your AM. Otherwise, you can send your AM the code and snippets/events you need placed and where, and our Ad Ops team can do it as well. Similar to Method 2, the pixel must be placed directly on the page, not in Everflow, so you must send it to your AM. The standard event list is as below:
Presale – presale views
Interstitial – interstitial views
Checkout – checkout page load
AddToCart – checkout page form interaction