Axon Pixel Shopify連携

注意

Shopify広告主がヘッドレスモードを実行している場合、Shopify連携はサポートされません。ヘッドレスモードをご利用の場合は、代わりにGoogle Tag Managerとの連携を検討してください。

Axon Shopify Pixelは、Shopifyに組み込まれたWeb Pixels APIを利用します。

Axon Customer Eventとの連携

1. Settingsを選択します。

   

2. Customer eventsを選択します。

   

3. Add custom pixelボタンをクリックします。

   

4. Pixel nameとして「Axon Shopify Pixel」と入力し、Add pixelをクリックします。

   

5. 以下のコードをコピーして、Codeフィールドにペーストします。 «your-event-key»をお持ちのAxonイベントキーに置き換えます。 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. Connectをクリックします。Connect Axon Shopify Pixel to Quickstartダイアログが表示されます。

   

7. Connectをクリックします。

   

8. PixelのStatusがConnectedであることを確認します。

   

Axon Scriptとの連携

ノート

以下の内容は、ご利用のShopifyのテーマでページフッターが編集できることを前提としています。 テーマがページフッターをこの方法で変更できない場合、代わりにサイトのHTMLにスクリプトを直接追加できます。これは、theme.liquidファイルまたはその他の方法で行うことができます。

1. Themesをクリックします。

   

2. Add sectionをクリックします。

   

3. Custom Liquidをクリックします。

   

4. 以下のスクリプトコードを入力フィールドにペーストしてください。 «your-event-key»をお持ちのAxonイベントキーに置き換えます。 Top paddingとBottom 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>