在 BigCommerce 新增 Pinterest 標籤

您似乎在未提供 Pinterest 標籤的地區瀏覽此內容。請查看可供 Pinterest Business 帳號使用 Pinterest 標籤的地區。

瞭解詳情

BigCommerce 平台可讓您建立網路商店。只要將您的 BigCommerce 商店與 Pinterest 標籤連結，就能瞭解 Pinterest 為您的商店帶來多少流量，以及創造多少產品銷量。

新增基本代碼

基本代碼可讓您取得有關事件的資料，例如有人購買產品或將產品加入購物籃。您網站上的所有頁面均須安裝基本代碼。

在 BigCommerce 管理員中，按一下「店面」，然後按一下「指令碼管理員」。

按一下「建立指令碼」。

使用以下資訊填寫表單：

輸入「Pinterest 基本代碼」做為「指令碼名稱」。
輸入「Pinterest 追蹤標籤」做為「說明」。
選擇「標題」做為「頁面位置」。
在選擇要新增指令碼的頁面選擇「所有頁面」。
選擇「目標鎖定；廣告」做為「指令碼分類」。
選擇「指令碼」做為「指令碼類型」。

將下列代碼貼到「追蹤代碼」方格。

前往「廣告管理員」取得專屬的標籤 ID。依序按一下「廣告」、「轉換率」和「安裝 Pinterest 標籤」下的「開始使用」。

複製「標籤 ID」下的 13 碼數字，然後將該數字貼到「追蹤代碼」方格。

按一下「儲存」。

<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: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>

新增結帳事件

安裝基本代碼後，您可以新增其他事件以收集其他資料。您可以新增 Checkout 事件，追蹤使用者購買產品和完成交易的時機。

在 Bigcommerce 管理員中，按一下「進階設定」，然後按一下「Web 分析」。

按一下「附屬轉換追蹤」方格 (如果尚未勾選)，然後按一下「附屬轉換追蹤」標籤。

將以下代碼貼到「轉換追蹤代碼」方格，然後用來自「廣告管理員」的專屬標籤 ID 取代「YOUR_TAG_ID」。如果此方格內已有代碼，請將您的追蹤代碼貼在其後。

按一下「儲存」。

<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: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>



<script>

pintrk('track', 'checkout',{

value: %%ORDER_AMOUNT%%,

order_quantity:1,

order_id: %%ORDER_ID%%

});

</script>

新增 Add-to-cart 代碼 (選用)

安裝基本代碼後，您可以選擇性新增其他事件以收集其他資料。您可以新增 AddToCart 事件，追蹤使用者將產品加入購物車的時機。

在 BigCommerce 管理員中，按一下「店面」，然後按一下「自訂」。「商店設計」開啟後，按一下左側的「編輯主題檔案」。如需更多資訊，請參閱這篇 BigCommerce 說明文章。

開啟編輯器後，請找出產品範本代碼檔案；舉例來說，依序前往範本、元件、產品。

找到名為「addtocart.html」的檔案，並確認該檔案具有「.html」的副檔名。

開啟「addtocart.html」檔案後，請找出 add-to-cart (加入購物車) 提交按鈕的程式碼。

找到按鈕的代碼片段後，請複製當中的專屬程式碼片段。

返回 BigCommerce 編輯器，然後請找出檔案中的特定代碼。

將下列程式碼貼在 <input 後面，一旦有人將產品新增至購物車時，就會觸發 add-to-cart (加入購物車) 事件標籤：

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

按一下編輯器底部的「儲存檔案」。

儲存此檔案後，請重新導覽至您剛才在「商店設計」編輯過的自訂主題。

按一下省略符號圖示，然後選擇「套用」。

collection_fields