跳转到内容

Axon Pixel × Shopify 集成指南

Axon Shopify Pixel 使用 Shopify 的内置 Web Pixels API。

集成 Axon 客户事件

  1. 选择 Settings

    shopify menu: Home, Orders, Products, Customers, Content, Finances, Analytics, Marketing, Discounts, Sales channels, Apps, Settings.

  2. 选择 Customer events

    shopify Settings menu: General, Plan, Billing, Users and permissions, Payments, Checkout, Customer accounts, Shipping and delivery, Taxes and duties, Locations, Markets, Apps and sales channels, Domains, Customer events…

  3. 点击 Add custom pixel 按钮。

    Customer events. Explore pixel apps button. Add custom pixel button. Pixels: Manage app and custom pixels that access customer events with enhanced privacy and security.

  4. 输入 “Axon Shopify Pixel” 作为 Pixel name 并且点击 Add pixel

    Add custom pixel dialog. Did you check available apps first? Apps are the most secure option, with automatic updates, for integrating with third-party services. Explore pixels apps. Pixel name input field: “Axon Shopify Pixel”. This is an advanced feature that requires JavaScript knowledge. Shopify is not responsible for your use of pixels. Compliance with applicable laws, consents, code security, troubleshooting, and updates are your responsibility. Pixels are subject to the Shopify Terms of Service. Cancel button.Add pixel button.

  5. 复制下方代码并将其粘贴进代码字段。用您的 Axon Event Key 替换 “«your-event-key»”。然后点击 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));

    Axon Shopify Pixel. More actions drop-down option. Connect button. Pixel access is sandboxed: For enhanced security and stability, this pixel runs in a sandbox. Please consult with the third-party service provider about implementation best practices. Learn more. Customer privacy section: Permission drop-down, Data sale drop-down. Code input field.

  6. 点击 Connect。此时会显示 “连接 Axon Shopify Pixel 至快速入门” 对话框。

    Axon Shopify Pixel. More actions drop-down option. Connect button.

  7. 点击 Connect

    Connect Axon Shopify Pixel to Quickstart (b99f54f9) dialog. Connecting this pixel gives it secure access to your online store, checkout, and order confirmation page. This pixel is subject to the Shopify Terms of Service. Cancel button.Connect button.

  8. 确认您的 Pixel 的 StatusConnected

    Customer events. Explore pixel apps button. Add custom pixel button. Pixels: Manage app and custom pixels that access customer events with enhanced privacy and security. App pixels in this list are using Shopify Web Pixel API, the officially supported way to integrate pixels. Learn more.Options: All, App pixels, Custom pixels. Search button. Sort button. Table with three columns: Pixels, Type, Status. One row: Axon Shopify Pixel, Custom, Connected.

集成 Axon 脚本

  1. 点击 Themes

    shopify ⇒ Sales channels ⇒ Online Store ⇒ Themes.

  2. 点击 Add section

    Home page ⇒ Footer ⇒ Add section

  3. 点击 Custom Liquid

    Sections tab ⇒ Custom Liquid

  4. 将以下脚本代码粘贴进输入字段。 用您的 Axon Event Key 替换 “«your-event-key»”。拖动 Top paddingBottom padding 滑块,将它们分别设置为 0 px。 点击 Save

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

    Custom Liquid. Code input field.Add app snippets or other Liquid code to create advanced customizations. Color scheme drop-down selector. Section padding: Top padding slider, Bottom padding slider. Remove section option.