AXON Shopify Pixel Integration

Caution

Shopify integration is not supported for Shopify advertisers who run in headless mode. If you run in headless mode, consider integrating instead with Google Tag Manager.

The AXON Shopify Pixel uses Shopify’s built-in Web Pixels API.

Integrate AXON Customer Events

1. Select Settings.

   

2. Select Customer events.

   

3. Click the Add custom pixel button.

   

4. Type “AXON Shopify Pixel” as the Pixel name and click Add pixel.

   

5. Copy the code below and paste it into the Code field. Replace “«your-event-key»” with your AXON Event Key. Click Save.

   var AXON_EVENT_KEY='«your-event-key»';
   (function(w,d){var u='https://s.axon.ai/s/pixel.js';if(w.axon_s)return;var s=w.axon_s=function(){s.performOperation?s.performOperation.apply(s,arguments):s.operationQueue.push(arguments)};s.operationQueue=[];s.ts=Date.now();s.eventKey=AXON_EVENT_KEY;var f=d.getElementsByTagName('script')[0],e=d.createElement('script');e.async=!0;e.src=u;f.parentNode.insertBefore(e,f)})(window,document);
   axon_s('init');
   
   analytics.subscribe('all_events',async e=>axon_s('track',e,init));

   

6. Click Connect. The Connect Axon Shopify Pixel to Quickstart dialog appears.

   

7. Click Connect.

   

8. Validate that your Pixel Status is Connected.

   

Integrate AXON Script

Note

The following assumes that your Shopify theme allows you to modify the page footer. If your theme does not allow you to modify the page footer in this way, you may instead add the script directly to your site’s HTML, either via your theme.liquid file or other means.

1. Click Themes.

   

2. Click Add section.

   

3. Click Custom Liquid.

   

4. Paste the following script code into the input field. Replace “«your-event-key»” with your AXON Event Key. Drag the Top padding and Bottom padding sliders to set each of them to 0 px. Click Save

   <script>
     window.ALBSS = {
       event_key: '«your-event-key»'
     };
   </script>
   <script src="https://c.albss.com/p/l/loader.iife.js" async></script>