Knowledge Base

Shopify LiveConnect Implementation

The LiveConnect Tag is a web tag that powers LiveIntent’s People Based Marketing solutions. The intent captured onsite enhances campaign performance, conversion tracking and audience segmentation. Below are instructions on how to implement the LiveIntent Tag on your Shopify store. 

💡 Please Note: Highlighted values indicate Shopify variables

 

LiveConnect Tag 

  1. Under Sales Channels, select "Themes"
  2. Under Themes, select the "Layout" folder
  3. Within the Layout folder, select theme.liquid

Place the following script directly into the head of the theme.liquid layout 

<script type="text/javascript" src="//b-code.liadm.com/a-00xx.min.js" async="true" charset="utf-8"></script>

 

Event: Product View

  1. Under Sales Channels, select "Themes"
  2. Under Themes, select the “Sections” folder
  3. Within the Section folder, select product.liquid

Copy and paste the following into the product.liquid section 


  <script>
    window.liQ = window.liQ || [];
    window.liQ.push
        {
          event: "viewContent",
          email: "{{ customer.email }}",
          contentType: "Product",
          name: "{{ product.type }}",
          contentId: "{{ current_variant.sku }}"
        };
  </script>

 

Event: Conversion 

  1. Under Sales Channels, select "Themes"
  2. Under Themes, select the "Layout" folder
  3. Within the Layout folder, select checkout.liquid

Place the following script directly into the body of the checkout.liquid layout

 


<script type="text/javascript">
window.liQ = window.liQ || [];
window.liQ.push( 
  {event: "conversion",
          transactionId: '{{order_number}}',
          amount: '{{order.total_price | money_without_currency}}',
          currency: '{{shop.currency}}',
          email: '{{customer.email}}',
          items: [   
              {% for item in order.line_items %}
              {id: '{{item.varient.sku}}',
              price: '{{item.original_price | money_without_currency}}',
              quantity: '{{item.quantity}}'
              }{% if line_items.size > 1 %}{% unless item == line_items.last %},{% endunless %}{% endif %}
{% endfor %}]
});
</script>

 

 
 

Was this article helpful?
0 out of 0 found this helpful
Powered by Zendesk