百度营销对接uni-app落地页注册监测步骤

1.进入百度营销，参照以下路径找到对应位置，新建事件：

 2.创建事件选中 网页 >>> 不限 >>> 注册，

 3.创建API文件，文件名：ocpc-api.js，代码如下，放置在项目根目录，

// 百度营销API回传接口，勿删！ 20250710
// 发送百度营销API转化数据
import axios from "axios";

const requestOther = axios.create({
    timeout: 30000,
});

export const reportBaiduConversionData = () => {

    const bd_vid = uni.getStorageSync('bd_vid');
    if(bd_vid){
        return ;
    }
    const  token = "替换成你的token";
    const  logidUrl = "替换成你要推广的落地页地址/?bd_vid="+bd_vid;
    const  newType = 49; //监测类型，参见附图
    const postData = {
        "token": token,
        "conversionTypes": [
            {
                "logidUrl": logidUrl,
                "newType": newType
            }
        ]
    };
    return requestOther({
        url: '/ocpcapi/api/uploadConvertData',
        method: 'post',
        data: postData,
        header: {
            'Content-Type': 'application/json'
        },
        timeout: 10000, // 10秒超时
        success: (res) => {
            console.log("百度营销API响应状态码:", res.statusCode);
            console.log("百度营销API响应数据:", res.data);

            if (res.statusCode === 200) {
                console.info("百度营销API请求:" + res.data)
            } else {
                console.error(`百度营销API请求失败: HTTP ${res.statusCode}`);
            }
        },
        fail: (error) => {
            console.error("百度营销API请求失败:", error);
        }
    })
}

附图：监测事件类型

 4.修改点击处的代码，如，监测注册时，则监测注册时，点击注册按钮后的反馈代码，如有接口，能够获取注册成功后的信息，用来激发监测API回传，更好！

　　4.1，在注册页面顶部引用组件代码：

<template>
......
</template>
<script>
......
import { reportBaiduConversionData } from "../../common/ocpc-api.js";

export default {
    ......
    methods: {
          ......
          rpcLogin(reqData).then((resp) => {
              if (resp.code == 200){
                   if (resp.data.needSetPB) {
                       //如果是新用户，则获取用户信息
                       // 触发百度营销API转化数据回传 关键位置
                       reportBaiduConversionData()
18                        .then((result) => {
19                           console.log("百度营销API回传成功:", result);
20                        })
21                        .catch((error) => {
22                           console.error("百度营销API回传失败:", error);
23                        });
                    }else {
                    //如果不是新用户，则获取用户信息
                      console.log("不是新用户，获取用户信息");
                    }
                } else {
                  //登录失败
                   uni.showToast({
                        title: resp.msg == "" ? codeMap.get(resp.code) : resp.msg,
                        icon: "error",
                   });
                }
             });
          }  
    }
}    

 

// 百度营销API回传接口，勿删！ 20250710

// 发送百度营销API转化数据

import axios from "axios";

const requestOther = axios.create({

    timeout: 30000,

});

export const reportBaiduConversionData = () => {

    const bd_vid = uni.getStorageSync('bd_vid');

    if(bd_vid){

        return ;

    }

    const  token = "zKSPCz70wFPI8MJtABPoAA0Ou8OVtQGO@Ui7S6LCgmJbCdOtV2yPWvM1PZCMQMNTT";

    const  logidUrl = "http://jx.qianrenkj.xyz/?bd_vid="+bd_vid;

    const  newType = 49;

    const postData = {

        "token": token,

        "conversionTypes": [

            {

                "logidUrl": logidUrl,

                "newType": newType

            }

        ]

    };

    return requestOther({

        url: '/ocpcapi/api/uploadConvertData',

        method: 'post',

        data: postData,

        header: {

            'Content-Type': 'application/json'

        },

        timeout: 10000, // 10秒超时

        success: (res) => {

            console.log("百度营销API响应状态码:", res.statusCode);

            console.log("百度营销API响应数据:", res.data);

            if (res.statusCode === 200) {

                console.info("百度营销API请求:" + res.data)

            } else {

                console.error(`百度营销API请求失败: HTTP ${res.statusCode}`);

            }

        },

        fail: (error) => {

            console.error("百度营销API请求失败:", error);

        }

    })

}