巨量引擎投放抖音H5付费、添加企业老师微信

官方文档:事件管理对接文档 - 事件管理对接文档

主要内容

1、网站后面会拼接以下参数adid=__AID__&creativeid=__CID__&creativetype=__CTYPE__&clickid=__CLICKID__

2、H5前端获取参数
 

 // 获取URL中的查询参数

        function getQueryParams() {

            const urlParams = new URLSearchParams(window.location.search);

            const params = {

                adid: urlParams.get('adid'),

                creativeid: urlParams.get('creativeid'),

                creativetype: urlParams.get('creativetype'),

                clickid: urlParams.get('clickid')

            };

            return params;

        }
  1. h5跳小程序短链

小程序的短链生成通过后台api调用接口生成

重点:将clickId参数带到后台生成短链

官方文档:https://developers.weixin.qq.com/miniprogram/dev/OpenApiDoc/qrcode-link/url-scheme/generateScheme.html


window.location.href =  “weixin://dl/business/?t=Q5dlHNSbL5e”; // 跳转到微信小程序链接

  1. 小程序登录、通过code获取openid、
    官方文档:小程序登录 | 微信开放文档

重点保存好unionidopenid

  1. 小程序调用下单接口


如果已付过款就返回企业二维码信息、未付款给小程序的paySign调用微信小程序的支付。

  1. 用户长按二维码扫描添加老师微信

企业微信消息回调

  1. 创建企业内部应用
  2. 消息推送文档:概述 - 文档 - 企业微信开发者中心
  3. 配置权限

官方文档:概述 - 文档 - 企业微信开发者中心

官方有点坑,把这个隐藏了。配置开放者id 和自建应用。

  1. 在add_external_contact事件中做巨量添加老师微信操作

7、付费在下单回调成功后做巨量付费操作

 private  static String url ="https://analytics.oceanengine.com/api/v2/conversion";

/**

     * 用户扫描二维码,成功添加商家的企业微信work_wechat_added

     */

    public static void work_wechat_added(String  callback){

        Map<String,Object> map=new HashMap<>();

        map.put("event_type","work_wechat_added");

        Map<String,Object> contextMap=new HashMap<>();

        Ad ad = Ad.builder().callback(callback).build();

        contextMap.put("ad",ad);//包含一些关键的广告相关信息

        map.put("context",contextMap);

        map.put("timestamp",System.currentTimeMillis());

        String body = HttpRequest.post(url).contentType("application/json").body(JSON.toJSONString(map)).execute().body();

        log.info("二维码回传:"+body);

}

//注意callback 为抖音clickId

在Vue中引导用户到巨量广告授权页面进行授权,通常需要通过创建一个可以触发授权流程的链接或者按钮,并在用户点击后打开一个新的浏览器窗口或跳转到巨量广告的授权页面。以下是一个基本的实现步骤: 1. 创建授权链接或按钮:在Vue组件的模板中,创建一个可以触发授权的链接或按钮。 2. 编写跳转逻辑:在Vue组件的methods中编写一个方法,用于处理跳转逻辑。这个方法可以通过window.open()来打开一个新的窗口,并传递必要的参数,比如应用的ID、回调地址等。 3. 授权页面的处理:确保巨量广告授权页面支持通过URL参数接收这些信息,并正确处理返回授权结果的逻辑。 4. 处理授权结果:在Vue组件中监听授权结果。这通常涉及到监听URL的变化或者使用iframe嵌入授权页面,并通过消息通信机制来获取授权结果。 示例代码如下: ```html <template> <div> <!-- 授权按钮 --> <button @click="authorizeAd">授权巨量广告</button> </div> </template> <script> export default { methods: { // 授权方法 authorizeAd() { // 这里的URL和参数需按照巨量广告的实际要求来设置 const authorizationUrl = 'https://ad.toutiao.com/oauth/authorize?client_id=YOUR_CLIENT_ID&response_type=code&redirect_uri=YOUR_REDIRECT_URI'; window.open(authorizationUrl, '_blank'); } } } </script> ``` 在上述示例中,点击按钮后会触发`authorizeAd`方法,该方法会打开一个新的浏览器窗口,并跳转到巨量广告的授权页面
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值