添加 Pinterest 标签到 BigCommerce

你正从暂不支持 Pinterest 标签功能的地区查看此内容。查看哪些地区的 Pinterest Business 帐户支持 Pinterest 标签功能。

了解更多

BigCommerce 平台可用来创建在线商店。使用 Pinterest 标签关联您的 BigCommerce 商店后，您即可了解 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>

添加结帐事件

安装基本代码后，你可以添加不同的事件来收集其他数据。你可以添加结账事件来跟踪用户购买产品并完成交易的时间。

从 BigCommerce 管理员处，点击高级设置，然后点击 网页分析工具。

如果尚未点击附属转化跟踪框，则点击此框，然后点击 > 附属转化跟踪选项卡。

将下方代码粘贴到转化跟踪代码框中，并将 YOUR_TAG_ID 替换为你从广告管理工具处获得的自己的标签 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>

添加“添加到购物车代码”（可选）

安装基本代码后，你可以添加不同的事件来收集其他数据（可选）。你可以添加“添加到购物车”事件来跟踪用户将产品添加到购物车的时间。

从 BigCommerce 管理员处，点击店面，然后点击自定义。店面设计页面打开后，点击左侧的编辑主题文件。如果需要更多信息，请参阅这篇 BigCommerce 帮助文章。

打开编辑器后，找到产品模板代码文件。示例路径：首先前往模板，接着前往组件，然后前往产品。

找到名为 addtocart.html 的文件，确认此文件具有 .html 文件类型后缀。

打开 addtocart.html 文件，找到添加到购物车提交按钮的代码。

请在找到按钮代码片段后，复制代码片段具有唯一性的部分。

返回 BigCommerce 编辑器，然后查找文件中的特定代码。

请将以下代码粘贴到 <input 后，以便每当有人将产品添加到购物车时，都会触发添加到购物车事件标签：

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

点击编辑器底部的保存文件。

保存文件后，请导航返回到刚刚在店面设计中编辑的自定义主题。

点击 “省略号图标” ，然后选择应用。

collection_fields