这篇文章展示了如何使用Shopify对UET标签进行基本设置。
微软必应广告公司不对Shopify的流程或文档负责,也不对Shopify的流程或文档的变化负责。
通过为Shopify安装微软必应广告应用程序,UET标签会自动创建并添加到你网站的每个页面。进入安装应用程序页面并按照提示进行设置,以获得你的Shopify的微软必应广告应用程序。
如果你用Shopify创建和管理你的网站,你可以在那里添加和管理你的UET标签。
使用Shopify安装必应广告转化UET代码
在微软必应广告中,选择工具>UET标签,并复制JavaScript UET标签跟踪代码。
登录到Shopify账户。
选择Online Store > Themes。
在当前主题下,选择行动>编辑代码。
图片来源:shopify后台设置
安装UET标签。在Layout下,选择theme.liquid。
图片来源:shopify后台设置
向下滚动页面,直到你到了标签。滚动到头部标签
图片来源:shopify后台设置
将UET标签直接粘贴在{{ content_for_header }}上面。
选择保存。
图片来源:shopify后台设置
将UET标签粘贴在标题内容的上方
定制你的在线结账过程。
从左边菜单的底部,选择设置。
选择 "结账checkout"。选择设置 > 结账checkout
图片来源:shopify后台设置
向下滚动到附加脚本领域。在附加脚本中粘贴UET标签。将UET标签粘贴在附加脚本中
图片来源:shopify后台设置
选择保存。
如果你想报告可变收入,在你上一步粘贴的UET跟踪代码下面添加以下代码片段之一。
如果你想排除税收和运费,请使用此代码
window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ subtotal_price | money_without_currency }}, 'currency': '{{ shop.currency }}' }); 如果你想包括税收和运费,请使用此代码
window.uetq = window.uetq || []; window.uetq.push('event', '', { 'revenue_value': {{ total_price | money_without_currency }}, 'currency': '{{ shop.currency }}' });
我如何修改我的UET标签,以便用Shopify进行动态再营销?
在Shopify中,进入Online Store > Customize。
选择主题行动省略号,并选择编辑代码。
在模板下,找到index.liquid。
对普通访客使用此代码
var productList = []; {% for product in collections.frontpage.products %} productList.push({{ product.id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'home'});
选择保存。
在模板下,找到search.liquid。
对产品搜索器使用此代码
var productList = []; {% for item in search.results %} {% if item.object_type == 'product' %} productList.push({{ item.id }}); {% endif %} {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'searchresults'});
选择保存。
在模板下,找到 product.liquid。
对产品查看器使用此代码
var productList = []; {% for line in cart.items %} productList.push({{ line.product_id}}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'cart'});
选择保存。
进入设置,选择结账。
在订单处理下,找到附加脚本文本框。
对过去的买家使用这个代码
var productList = []; {% for line in checkout.line_items %} productList.push({{ line.product_id }}); {% endfor %} window.uetq = window.uetq || []; window.uetq.push('event', '', {'ecomm_prodid': productList, 'ecomm_pagetype': 'purchase'});
选择保存。