手動新增 Pinterest 標籤到 Shopify

如果您沒有 Shopify 版 Pinterest 應用程式,以下是手動安裝標籤的說明。

步驟 1:基本代碼

  1. 在您的 Shopify 管理區中,按一下 「網路商店」,然後按一下「主題」

  2. 瀏覽至想要編輯的主題,按一下「動作」然後再按一下「編輯代碼」

  3. 按一下「theme.liquid」。

  4. 捲動畫面直到看到</head>,然後將以下代碼貼至此標籤的上方: 

    <script type="text/javascript">
    !function(e){if(!window.pintrk){window.pintrk=function()
    {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
    n=window.pintrk;n.queue=[],n.version="3.0";var
    t=document.createElement("script");t.async=!0,t.src=e;var
    r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
    ("https://s.pinimg.com/ct/core.js"); 
    
    pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', });
    pintrk('page');
    </script> 
    <noscript> 
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
    </noscript>
    
  5. 以您的專屬標籤 ID 取代YOUR_TAG_ID 

  6. 要找到此 ID,請導覽至「廣告管理員」,並按一下「廣告」,然後找到「轉換率」並按一下「建立 Pinterest 標籤」(如果您已建立 Pinterest 標籤,可點進標題瀏覽標籤的專屬標籤 ID) 

  7. 導覽至您的轉換率追蹤概覽,然後找出詳細資料區段

  8. 複製「專屬標籤 ID」下的 13 碼數字,然後將該數字貼到程式碼取代其中的 YOUR_TAG_ID

步驟 2:結帳代碼

  1. 在您的 Shopify 管理員中,按一下「設定」,然後按一下「結帳」
  2. 「處理訂單」區段中,找到「其他指令碼」文字方塊  

  3. 將以下追蹤代碼貼入該文字方塊:如果此方塊已經有代碼,請在其後方貼上您的追蹤代碼 

    {% if first_time_accessed %}
    <script type="text/javascript">
    !function(e){if(!window.pintrk){window.pintrk=function()
    {window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
    n=window.pintrk;n.queue=[],n.version="3.0";var
    t=document.createElement("script");t.async=!0,t.src=e;var
    r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
    ("https://s.pinimg.com/ct/core.js");
    
    pintrk('load','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
    pintrk('page'); 
    </script> 
    <noscript> 
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1"/> 
    </noscript>
    
    <script>
    pintrk('track', 'checkout',{
    value: {{ total_price }} / 100,
    currency: '{{ currency }}',
    order_quantity: 1,
    order_id: {{ checkout.id }}
    });
    </script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt=""
    src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
    </noscript>
    {% endif %}
    
    

     

  4. 請記得使用在廣告管理員產生的專屬標籤 ID 取代YOUR_TAG_ID

步驟 3 :Addtocart (加入購物車) 代碼

  1. 在您的 Shopify 管理員中,按一下「網路商店」,然後按一下「主題」

  2. 在目前使用的主題中,按一下「動作」「編輯代碼」

  3. 「範本」下,找出名為 product.liquidproduct-template.liquid,或 product-form.liquid 的程式碼檔案,並開啟該檔案。請注意,這會依您安裝的主題而有不同,但加入購物車按鈕的程式碼最常見於 products.liquid 或類似的檔案。

  4. 在 Mac 上按住 command+f 或在 PC 上按住 control+f,然後搜尋 addtocart 的檔案。

  5. 將以下代碼置於 <button> 或 <input> 元素的結尾

    onclick="pintrk('track', 'addtocart');"

     

  6. 按一下右上角的「儲存」

 

仍需要協助?
請與我們聯繫