IMG 標籤

<img> 標籤可作為備份標籤,以因應使用者停用瀏覽器中 JavaScript 的情形。然而,您可選擇不使用 JavaScript 而只加入圖片標籤事件代碼。在此情況下,由於您不會使用到 Javascript,請移除 <noscript> 標籤。建議您,如果同時加入事件代碼的 JavaScript 和圖片標籤部分,就能更加順利地鎖定目標使用者。

<img> 標籤基本代碼

即使您使用的是 <img> 標籤,我們仍建議您將基本代碼置放於網站中的每個頁面。這可讓您從網站所有流量中擷取資料。基本代碼的 <img> 標籤版本屬於廣告管理員所產生的完整代碼的一部分,請參閱下方的 <img> Pinterest 標籤基本代碼範例。

<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=init&noscript=1" />

請務必將基本代碼置放於 HTML 的 <head> 和 </head> 標籤之間。

<img> 標籤中的事件資料

您可以選擇在 <img> 標籤中加入事件資料。請參閱下方的結帳事件範例以及 <img> 標籤中中的事件資料。

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[value]=10.00&ed[order_quantity]=2&ed[currency]=USD&ed[line_items][0][product_name]=Parker+Boots&[line_items][0][product_id]='1414'&ed[line_items][0][product_price]=5.00&ed[line_items][0][product_quantity]=1&ed[line_items][1][product_name]=Parker+Sandals&ed[line_items][1][product_id]='ABC'&ed[line_items][1][product_price]=5.00&ed[line_items][1][product_quantity]=1&noscript=1"/>

以下代碼顯示如何透過上述 <img> 標籤,來分隔資料參數以提高可讀性。不過,請注意,如果在 src 屬性中加入空白字元,將會破壞代碼。

 <img height="1" width="1" style="display:none;" alt=""
 src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID
 &event=checkout
 &ed[value]=10.00
 &ed[order_quantity]=2
 &ed[currency]=USD
 &ed[line_items][0][product_name]=Parker+Boots
 &ed[line_items][0][product_id]='1414'
 &ed[line_items][0][product_price]=5.00
 &ed[line_items][0][product_quantity]=1
 &ed[line_items][1][product_name]=Parker+Sandals
 &ed[line_items][1][product_id]='ABC'
 &ed[line_items][1][product_price]=5.00
 &ed[line_items][1][product_quantity]=1
 &noscript=1"/>

<img> 標籤複製貼上事件代碼範例

此版面包含每種事件類型的範例,採用完整的可複製格式,方便您直接置放於網站。每個範例都擁有開始追蹤您網站上活動所需的事件資料。

請注意,您需要將範例的值替換為適合您網站的靜態值或動態變數。例如,您很可能想動態追蹤訂單值,因為在您網站下訂的每筆訂單值會因使用者購買的商品而異。不過,如果是只在特定一個頁面上下訂單,那麼您就可以為事件資料 lead_type 指派靜態值。

Checkout

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />

事件資料:value、order_quantity 和 currency。

請務必根據您的網站輸入正確的貨幣代碼。

AddToCart

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=AddToCart&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />

事件資料:value、order_quantity 和 currency。請務必根據您的網站輸入正確的貨幣代碼

PageVisit

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=pagevisit&noscript=1" />

事件資料:

Signup

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=signup&noscript=1" />

事件資料:

WatchVideo

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=watchvideo&ed[video_title]=My+Product+Video+01&noscript=1" />

事件資料:video_title

Lead

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=lead&ed[lead_type]=Newsletter&noscript=1" />

事件資料:lead_type

Search

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=search&ed[search_query]=horse&noscript=1" />

事件資料:search_query

ViewCategory

 

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=viewcategory&noscript=1" />

事件資料:

Custom

事件類型必須為 custom—否則廣告管理員將不會回報標籤所追蹤的轉換率。

 <img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=custom&noscript=1" />

事件資料:

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