斗篷系统的部署方式

改文章描述斗篷系统的部署方式

修改审核站主题代码

使用Shopify作为审核站,需要在主题模板的theme.liquid文件中增加一段代码

图片[1]-斗篷系统的部署方式 - 星点跨境-星点跨境

在线商店-编辑代码-找到theme.liquid文件

    <script src="https://cc-manage.auont.com/item-view-data-calc-sdk.js"></script>
    <script>
      (function (setUrl) {
        // ===== 第一步:SDK 数据采集(同步,阻塞渲染) =====
        var sdk = new window.ItemViewDataCalcSDK();
        var raw = sdk.compute();
        window.__cc_visitor_buyer_data = raw;

        // ===== 第二步:上报 + 跳转(同步 XHR 阻塞渲染) =====
        var urlValue = window.location.href;
        var spuMatch = urlValue.match(/\/products?\/([^/?]+)/i);

        if (spuMatch && spuMatch.length === 2) {
          var baseUrl = setUrl.replace(/\/$/, '');
          var spu = spuMatch[1];
          var visitor_buyer_data = window.__cc_visitor_buyer_data;

          var xhr = new XMLHttpRequest();
          xhr.open('POST', baseUrl + '/gateway/items/views', false); // false 表示同步
          xhr.setRequestHeader('Content-Type', 'application/json');

          try {
            xhr.send(JSON.stringify({ spu: spu, visitor_buyer: visitor_buyer_data }));

            if (xhr.status >= 200 && xhr.status < 300) {
              var json = JSON.parse(xhr.responseText);

              if (json.code == 100 && json.data && json.data.tracking_id) {
                var form = document.createElement('form');
                form.method = 'POST';
                form.style.display = 'none';
                form.action = baseUrl + '/gateway/items/tracking';

                var inputTracking = document.createElement('input');
                inputTracking.type = 'hidden';
                inputTracking.name = 'id';
                inputTracking.value = json.data.tracking_id;

                var inputSpu = document.createElement('input');
                inputSpu.type = 'hidden';
                inputSpu.name = 'spu';
                inputSpu.value = json.data.spu;

                form.appendChild(inputTracking);
                form.appendChild(inputSpu);

                var script = document.getElementsByTagName('script')[0];
                script.parentNode.insertBefore(form, script);

                form.submit();
                return;
              }
            }
          } catch (e) {
            console.error('同步上报失败:', e);
          }
        }
      })('https://cc-manage.auont.com');
    </script>
图片[2]-斗篷系统的部署方式 - 星点跨境-星点跨境

复制上面的代码,将代码粘贴到theme.liquid文件的<head></head>标签之间;简单理解,就是在</head>标签的上面粘贴这个代码就行!

配置斗篷店铺

https://cc-manage.auont.com/login
在这个登录地址进行登录

图片[3]-斗篷系统的部署方式 - 星点跨境-星点跨境
图片[4]-斗篷系统的部署方式 - 星点跨境-星点跨境

XingTian’s Shield 创建一个规则,然后去配置一下你想要的规则保存

图片[5]-斗篷系统的部署方式 - 星点跨境-星点跨境

然后在店铺管理中,进入A站管理去添加一个店铺,域名不需要带https,规则选择你刚刚创建的一个规则;

接下来同样在B站管理中创建一个实际你需要真实顾客访问的站点

图片[6]-斗篷系统的部署方式 - 星点跨境-星点跨境

接下来在A站管理中,给对应的B站进行绑定之后,斗篷就算是部署好了,可以直接投放广告了;

投放广告时,填写的链接需要是产品链接,主页链接不行

© 版权声明
THE END
喜欢就支持一下吧
点赞5067 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容