Affiliatly Pixel 自定义代码接入指引（主题 3.0）

解决方案
,
1

一、官方文档

https://affiliatly.helpscoutdocs.com/

二、兼容版本

主题 3.0

三、操作流程

准备：安装自定义代码应用，以下操作需要添加自定义代码

image
image2556×981 99 KB

注意：下列代码中，将代码中 AF-XXXXX 替换成自己的 code

1. 通用代码安装
1.1. 添加代码，触发页面选择非结算页所有页面，插入位置顶部，语法选择 Sline

image
image1501×1090 94.3 KB

1.2. 将以下代码复制入代码内容，将代码中 AF-XXXXX 替换成自己的 code
<script src="https://static.affiliatly.com/v3/affiliatly.js?affiliatly_code=AF-XXXXX"></script>
2. 结账成功事件
2.1. 添加代码，触发页面选择结算页，插入位置顶部，语法选择 Handlebars

image
image1536×1104 144 KB

2.2. 将以下代码复制入代码内容, 将代码中 AF-XXXXX 替换成自己的 code
<script src="https://static.affiliatly.com/v3/affiliatly.js?affiliatly_code=AF-XXXXX"></script>
{{#if @root.thankyou }}
<script>
  var affi_id_order = '{{order.order_number}}';
  var affi_order_price = '{{ divide order.total_price 100 }}';
  var affi_order_coupons = '{{order.discount_applications.[0].discount_code}}';
  var url_affi = "https://static.affiliatly.com/v3/affiliatly.js?affiliatly_code=AF-XXXXX&conversion=1&id_order="+ encodeURIComponent( affi_id_order ) + "&order_price="+ affi_order_price +"&order_coupons=" + affi_order_coupons;
  var script_affi = document.createElement("script");
  script_affi.type = "text/javascript";
  script_affi.src = url_affi;
  script_affi.async = true;
  document.getElementsByTagName("head")[0].appendChild(script_affi);
</script>
{{/if}}