IMG 标签

< img > 标签可作为备份,以防用户在其浏览器中禁用了 JavaScript。但您也可以不使用 JavaScript,只包含图片标签事件代码。在这种情况下,您就应该移除 <noscript> 标签,因为您将不需要使用 JavaScript。我们建议您保留 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" />

Event data: value, order_quantity, and 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" />

Event data: 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" />

事件数据:

自定义

事件类型必须自定义调回—否则广告管理工具不会报告标签追踪的转化。

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

事件数据:

仍需要帮助?
联系我们