Taboola’s pixel code consists of a base code - attached with your additional code snippets - to track event-based actions. Typically our pixel can define conversions by URL string, but in the case of Shopify additional code snippets need to be added.

How to Implement the Shopify Base Code

Across Site:
Go to the Online Store in your left menu, then click the Actions button next to the live theme, and select the Edit Code option. Open layouts/theme.liquid, and find the closing </html> tag. Add the base pixel code just before that tag, and save your changes.

Purchases: Go to Settings -> Checkout, and then scroll down to Additional Scripts and add the base code pixel as well as the event-based code for the Purchase action. Save your changes.  

Add-to-Cart: Select the active ".liquid" sheet where your "button" code for the add-to-cart KPI is located. Then create a URL type conversion with "/cart" (or equivalent).

The code will be similar to the following:

<button

     {% if product.empty? %}type=""button""{% else %}type=""submit""{% endif %}

     onclick=”_tfa.push({notify: 'event', name: 'Add_To_Cart'});”

     name=""add""

     id=""AddToCart-{{ section_id }}""

     class=""btn btn--full add-to-cart""

     {% unless current_variant.available %} disabled=""disabled""{% endunless %}>

     <span id=""AddToCartText-{{ section_id }}"">

       {% if current_variant.available %}

         {{ 'products.product.add_to_cart' | t }}

       {% else %}

         {{ 'products.product.sold_out' | t }}

       {% endif %}

     </span>

   </button>"