{pxiel} Google Ads安装shopify网站购买转化事件

390 阅读2分钟

操作步骤-视频实操版

luban-academy.bluemediagroup.cn/p/t_pc/cour…

创建和找到代码

  1. google ads后台-工具和设置-转化-新建转化

  1. 创建转化

点击扫描

  1. 扫描后下拉页面到最后,点击「手动添加转化操作」

  1. 新建转化代码

根据需求选择事件,本次演示为「 purchase」B2C客户添加选项(仅供参考)

如果其他需求可以扫码文章末添加小助手获取细节帮助

  1. 点击刚刚创建的事件,点击进入事件

成功获得2串代码

  1. 按照要求将「Google代码」(上图红色部分代码)只贴在 标记之间
  2. shopify操作路径:将「Google代码」(上图红色部分代码),复制粘贴到

shopify后台->Online Store->Themes->三个点->Edit Codes

  1. 粘贴为主参考下图

🔥修改代码形式-模版如下

  1. 参考样式

步骤1:

将「Google 代码(全域代码)」和「事件代码」贴在一个记事本中(或者飞书文档等)

步骤2:

按照下面代码样式修改,

需修改的部分已经标注底色,共3处

【黄色底色】Google 代码(即视频课程中提到的「全域代码」),带有「AW-xxxx」的代码的一行替换,注意修改id

【紫色底色】事件代码,复制该代码,粘贴在「Google 代码(全域代码)」下方即可

【紫色底色】事件代码,将「value」「currency」「transaction_id」三行删掉,直接粘贴紫色部分

【红色底色】事件代码,将红色底色部分代码分别粘贴在「事件代码」的上方和下方

备注-代码位置图示

全域代码= Google 代码

事件代码段

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11403892942"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  
  gtag('config', 'AW-11398711777',{'allow_enhanced_conversions':true});
</script>

{% if first_time_accessed %}
<!-- Event snippet for 购买转化 conversion page -->
<script>
  gtag('event', 'conversion', {
      'send_to': 'AW-11403892942/d5GJCPKyzpYZEM6x5r0q',
      'value': {{ checkout.total_price | divided_by: 100.0 }},
      'currency': '{{ currency }}',
      'transaction_id': '{{ order_id }}',
  });
</script>
{% endif %}

步骤3:

将两个部分的代码粘贴一起并完成修改,需全部复制

步骤4:

将「步骤3」复制的代码一并贴在:shopify后台->settings->checkout->Additional scripts。参考路径如下图,从左到右:

如果checkout有其他代码也没关系,直接贴下面即可

测试校验代码安装结果

  1. tagassistant.google.com/ 进行测试

安装增强型转化

输入:Shopify.checkout.email