How to Install TikTok Pixel on Shopify Manually

Installing TikTok Pixel on Shopify manually is a great way to track and optimize your TikTok advertising campaigns. By doing this, you can monitor user interactions on your Shopify store and gain insights to improve your marketing strategy. Here’s a detailed guide to help you set up TikTok Pixel on your Shopify store manually:

1. Create a TikTok Ads Account

Before you start, ensure you have a TikTok Ads account. If you don’t have one, follow these steps:

• Go to the TikTok Ads homepage.
• Click on “Create an Ad” and sign up or log in with your credentials.

2. Create a TikTok Pixel

Once you have access to your TikTok Ads account, you need to create a TikTok Pixel:

• In the TikTok Ads Manager, navigate to the “Assets” tab.
• Select “Event” from the drop-down menu.
• Click on “Manage” under the “Web Events” section.
• Click on “Create Pixel” and follow the prompts to set up your pixel. You will receive a Pixel ID after creation.

3. Access Shopify Admin Panel

Now, go to your Shopify store’s admin panel:

• Log in to your Shopify account.
• From the Shopify admin, click on “Online Store” and then “Themes”.
• Click on “Actions” and select “Edit code” from the dropdown menu.

4. Insert TikTok Pixel Code

To add the TikTok Pixel code to your Shopify store:

• In the Shopify code editor, open the “theme.liquid” file located in the “Layout” folder.
• Find the closing tag in the file. This is where you’ll insert the TikTok Pixel code.
• Go back to your TikTok Ads Manager and copy the base pixel code provided.
• Paste the code just before the closing tag.

Example Base Pixel Code:

html
<script>
!function (w, d, t) {
    w.TiktokAnalyticsObject = t;
    var tt = w[t] = w[t] || [];
    tt._i = [];
    tt.init = function (e) {
        var i = tt;
        i._i.push(e);
    };
    tt.load = function (e) {
        var i = document.createElement("script");
        i.src = e;
        i.async = true;
        document.head.appendChild(i);
    };
    tt.load("https://analytics.tiktok.com/i18n/pixel/sdk.js?sdkid=YOUR_PIXEL_ID_HERE");
}(window, document, 'ttq');
script>

Replace YOUR_PIXEL_ID_HERE with your actual Pixel ID.

5. Configure Pixel Events

To track specific user interactions, such as purchases or add-to-cart events:

• Still in the “theme.liquid” file, find where you want to place the event tracking code.
• Add the following event tracking code snippets where appropriate:

Example Purchase Event Code:

html
<script>
ttq.track('CompletePayment', {
    content_type: 'product',
    content_name: '{{ product.title }}',
    content_id: '{{ product.id }}',
    value: {{ total_price | money_without_currency }},
    currency: 'USD'
});
script>

• Make sure to place event tracking code in the relevant sections of your Shopify store templates, such as the checkout page or product pages.

6. Save and Test

After inserting the code:

• Click “Save” in the Shopify code editor to apply your changes.
• To verify that the TikTok Pixel is working correctly, use the TikTok Pixel Helper browser extension available for Google Chrome. This tool will help you confirm that the pixel is firing correctly on your website.

7. Monitor and Optimize

With the TikTok Pixel installed, you can start monitoring your campaign performance through the TikTok Ads Manager. Analyze data such as conversion rates and user behavior to refine your marketing strategy and improve your ad performance.

By following these steps, you can manually install and configure TikTok Pixel on your Shopify store, enabling you to track valuable interactions and enhance your advertising efforts.