Udesk对接微信小程序实现商品浏览轨迹上传

最新推荐文章于 2022-04-21 15:35:55 发布
最新推荐文章于 2022-04-21 15:35:55 发布
阅读量859 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Udesk即时通讯 文章标签： Udesk Udesk微信小程序 Udesk商品轨迹上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zczhangzhenqi/article/details/109625300
本文介绍了如何使用Udesk提供的小程序行为轨迹SDK，收集并上传商品浏览轨迹。首先确保在Udesk客服系统内配置了正确的小程序账号信息和请求域名。接着下载SDK并将其引入到小程序项目中。通过编辑app.js进行初始化，并在页面加载或按钮点击时调用接口发送浏览轨迹数据。当所有请求返回code:1000时，表明设置成功，可以在客服对话窗口查看商品轨迹。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

作者：张振琦

Udesk提供了小程序专用的行为轨迹SDK，可以用来收集客户的商品浏览轨迹，并在客服对话窗口中访问轨迹处可以查看。

在开发之前，需要先完成两个操作：

  1. 确认Udesk客服系统内绑定的小程序的账号信息里的AppID和AppSecret，也就是小程序的ID和密钥已经正确填写。
    在这里插入图片描述
  2. 将你的Udesk客服系统域名添加到微信小程序【开发】-【开发设置】-【服务器域名】里的request合法域名内。
    在这里插入图片描述

完成前两个操作，我们就可以开始代码的内容了

首先要下载Udesk行为轨迹SDK，下载地址：https://udesk.udesk.cn/im_client/js/mini/ud-sdk.js

SDK下载成功后，把该文件放到小程序根目录utils目录下
在这里插入图片描述
编辑app.js，引入sdk，并初始化sdk

mport UdeskSdk from './utils/ud-sdk';

UdeskSdk.init({
   
  appId: '你的appid',
  companyToken: 'Udesk客服系统小程序账号信息内的鉴权Token-见本篇第一张图',
  companyDomain: 'xxx.udesk.cn（你的udesk客服系统域名，直接写域名，不用写https&#x
最低0.47元/天 解锁文章
Udesk工单SDK（四）：【管理】-【提交工单】详解
Udesk小能手的博客
09-22 901
作者：张振琦 根据功能不同，可能需要客户提交不同的工单，而且工单里面的内容信息也会不一样。这些都不需要代码进行开发，通过简单的配置即可。 新建的工单SDK会默认带一个默认的工单表单。在【提交工单】的页面里，我们可以添加新表单、调整表单优先级、控制已有表单是否启用，对已有表单进行编辑、复制、删除操作。 注意： 默认的工单表单不可删除。 至少要一个工单表单是启动状态。 【添加新表单】 设置表单名称，也就是工单SDK添加工单时表单下拉列表显示的名称。支持设置引导语。提供输入验证码功能。 举一个简单的例.
Udesk即时通讯网页插件发送咨询对象（三、使用信息区）
Udesk小能手的博客
11-10 478
作者：张振琦 《Udesk即时通讯网页插件发送咨询对象（一、使用内嵌代码）》 《Udesk即时通讯网页插件发送咨询对象（二、使用专用链接）》 前两篇介绍了如何使用内嵌代码和专用链接发送咨询对象，本篇来介绍如何使用信息区来实现这个功能，信息区实现的效果更加完美，而且信息区还有发送消息的功能，是不是有点小惊喜? 信息区如何使用，可以参考下面的文章： 《Udesk即时通讯网页插件：窗口设置（五、信息区设置）》 信息区是以iframe的形式展示到即时通讯网页插件内的，这样就可以使用window.parent.p.
Udesk接入需求---1.初步接入
binbin
07-16 2306
最近公司项目需求，接入客服类的SDK 1.最开始集成了---智齿的SDK（后面发现不合适就换了Udesk） 2.集成UDESK（SDK）官网地址UDESK官网 写这个帖子，是估计后续会有很多这方面的深入开发，网上对于这个UDESK的介绍或者开发博客很少，想记录下，以后或许自己也再次 用得上 以上是一个背景吧 开发文档-Udesk 这个图是，Udesk-sdk官方的的代码结...
Udesk即时通讯网页插件发送咨询对象（二、使用专用链接）
Udesk小能手的博客
11-04 411
张振琦 《Udesk即时通讯网页插件发送咨询对象（一、使用内嵌代码）》 前篇介绍了使用内嵌代码实现发送咨询对象，本篇来介绍一下如果使用的是专用连接，该如何传参。 参数说明： 名称 值 说明 product_title String 标题 product_url String 跳转页的链接地址 product_image String 显示图片地址 product_send true或false 为true时,咨询对象下方会出现发送按钮,点击发送会将当前咨询对象作为商品消息发送.
微信小程序嵌入Udesk即时通讯网页插件
Udesk小能手的博客
11-11 1068
作者：张振琦 小程序除了使用原生通讯方式接入Udesk，还可以使用web-view组件嵌入Udesk即时通讯网页插件的专用链接来实现。 原生接入方式可以参考以下文章 《Udesk微信小程序即时通讯开发入门（一、配置篇）》 《Udesk微信小程序即时通讯开发入门（二、代码篇）》 与原生接入方式不同，使用web-view组件嵌入Udesk即时通讯网页插件只需要微信小程序的管理页面【开发】-【开发设置】配置业务域名即可。 配置业务域名需要上传校验文件。这个操作需要您提交工单，由Udesk售后技术支持帮您处理.
即时通首页html代码,Udesk即时通讯（IM）网页插件入门
weixin_42299888的博客
06-09 1070
Udesk即时通讯(IM)网页插件入门Udesk即时通讯(IM)网页插件入门作者：张振琦Udesk能够支持APP，微信，企业微信，微信小程序，微博，web页面，六大即时通讯渠道。web渠道只需要管理员在后台建立即时通讯网页插件，然后将代码嵌入网页即可实现。在此基础上，还提供灵活丰富的自定义功能，包括自定义对话按钮、对话窗口，并设置导航、留言等。即时通讯网页插件，在【管理中心】-【渠道管理】-【即时...
Udesk微信小程序即时通讯开发入门（二、代码篇）
Udesk小能手的博客
09-30 1294
作者：张振琦 开发微信小程序，需要下载《微信开发者工具》，在微信官方文档小程序、工具、下载里面可以找到。安装好后，新建一个小程序项目，填写自己的AppId，会生成一个默认的项目。 默认项目中的范例代码，已经实现了，获取用户信息。我们这边接着写，将范例代码得到的用户名和用户头像直接传给Udesk。代码非常简单，添加一个按钮即可。 <view class='todos'> <button open-type="contact" size="mini" session-from= .
Android嵌入Udesk即时通讯网页插件（一、入门）
Udesk小能手的博客
10-14 484
作者：张振琦 Android 系统上实现Udesk即时通讯，除了使用Udesk提供的原生sdk以外还可以嵌入Udesk提供的即时通讯网页插件。Udesk即时通讯网页插件的内容，大家可以参考《Udesk即时通讯（IM）网页插件入门》 的内容。 如果业务需要同时使用网页即时通讯与移动端即时通讯，Android 嵌入desk即时通讯网页插件有一个很大的优点就是，相对于使用移动SDK单独实现移动端即时通讯，嵌入网页插件可以减少一定的维护成本，只需要维护即时通讯网页插件即可。 Udesk即时通讯网页插件除了使用.
Udesk工单SDK（五）：【管理】-【我的工单】详解
Udesk小能手的博客
09-22 1420
作者：张振琦 【我的工单】里面包含三个设置项：工单列表显示字段、工单详情主要字段、工单详情辅助字段。 先看一下这些字段都是控制的哪块内容，如下图： 继续上一篇的中家电报修的例子，现在需要工单列表中显示编号、主题、家电类型、状态字段。点击工单列表显示字段右侧的 “+”号，进行加添。并点击下方的确定按钮。 查看一下，网页上工单列表效果。 点击列表记录，可以进入工单详情。 现在工单详情内内容还是很少，继续工单详情主要字段、工单详情辅助字段的配置。工单详情主要字段添加主题、描述、家电类型。工单详情辅.
Udesk即时通讯网页插件：窗口设置（三、自定义按钮）
Udesk小能手的博客
10-22 564
作者：张振琦 【自定义按钮】 自定义按钮分为机器人按钮和人工客服按钮，会分别显示在机器人和人工客户界面内。 自定义按钮分为两种类型： 链接。打开网页，可以作为企业宣传后者引导客户到其他网页获取内容 文本。发送对应文字，帮助客户快速提问。 添加以下内容，查看效果： 点击“Udesk官网” 点击“查询积分” ...
Javaweb学习－－显示商品浏览记录
wenjiusui8083的博客
12-29 2949
功能：如淘宝侧边栏：您最近浏览过的商品，显示商品的标题图片等信息． １．项目结构（ViewListDBHelperDemo项目名） 把页面要用到的文件放在WebContent文件夹下，包括images（商品图片）, sql（数据库建表）, details.jsp（详情页）, index.jsp（首页）. 其中sql文件夹下的items.sql是里面写的是建表语句，可以复制到终端进行运
java历史记录_JavaWeb之商品查看后历史记录代码实现
weixin_28759987的博客
02-12 1505
JavaWeb之商品查看后历史记录代码实现全过程解析。历史记录思路图:假设已经访问了商品 :1-2-3那么历史记录就是1-2-3，如果访问了商品8，那么历史记录就是:8-1-2-3，如果再次访问3那么历史记录就是:3-8-1-2。当历史记录中存在了商品3，再次访问商品3，将会删除之前的历史记录3，而把当前访问的商品3归为最新访问记录。实现过程如下:点击商品，在商品详情页面中的cookie中生成pi...
Udesk微信小程序即时通讯开发入门（一、配置篇）
Udesk小能手的博客
09-30 1366
作者：张振琦 Udesk客服系统支持微信小程序、公众号渠道绑定客服，以保证客户多渠道与客服进行沟通。同时，小程序渠道的优点是支持客户关闭小程序后（客户最后一条消息48小时内），客服依旧可以发送消息。在微信小程序及公众号接入后，也可以通过后台设置客服的工作时间、留言功能等。 首先我们必须要注册一个微信小程序，这个大家自己注册就好了。自己开发练习的话，注册一个个人的就可以了。个人的现在不支持认证，企业或者其他组织的可以进行认证。 小程序注册好后，我们使用管理员账号登陆Udesk在线客服系统进行接入。【管理中.
小程序客服聊天发送商品详情，快捷发送链接和图文消息，附代码和流程
xiao_shuai_shua的博客
01-06 5199
小程序客服聊天发送商品详情，快捷发送链接和图文消息，附代码和流程
微信小程序微商城（四）：动态API实现商品详情页（上）
zhenghhgz的博客
06-13 8323
上一篇：微信小程序微商城（三）：电商首页福利专场无限下拉刷新动态API数据实现看效果开发计划1、实现商品详情页面布局（这篇实现3个模块，头部商品图片轮播、商品价格和商品描述、商品详情展示） 2、根据用户点击不同的商品请求API动态加载数据根据商品ID获取商品详情API数据模型访问：https://100boot.cn/选择微商城案例，如下图所示：下方还有详细的数据模型可以查看哦！home.js ...
Android 接入udesk SDK实现IM
晨曦
04-16 1580
Demo源码地址 步骤 1.账号注册 略 2.创建应用获得APP Id和App Key 创建好之后可以获得应用的APP Id和App Key，这两个值是要在Android中配置的 3.下载SDK 点击Android SDK使用教程，进入接口文档的页面 点击GitHub的地址进入 点击androidX 版本地址 下载好之后解压到本地，然后找到UdeskSDKUI，这是这个SDK文件中的一个...
uniapp 微信小程序实现运动轨迹、行车轨迹、历史轨迹、轨迹回放、不同速度有不同的路线颜色
热门推荐
HOUCLOUD
04-21 2万+
实现效果： 根据不同速度绘制不同颜色的轨迹 根据终点起点获取地图中心点，尽可能在屏幕内完全展示轨迹 获取最快的路段并显示 自定义点图标
小程序获取用户的操作轨迹日志
a_靖的博客
12-29 1万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 花费了两天时间，修改过数次，终于把这个功能封装成了一个独立的工具。 任何小程序都可在不修改原代码的情况下直接镶入使用！！！ 步骤： 1. 在小程序 app.js 的平级目录创建一个 js ， 命名为userTrajectory.js。点击下载 userTrajectory.js 实现的代码是把...
Udesk使用
riqthen的博客
06-16 2257
需要三个常量 主机地址 domain：xxx.udesk.cn key appid （均从后台获取） 代码： 1. 在Application中初始化 UdeskSDKManager.getInstance().initApiKey(this, DOMAIN, KEY, APPID); 2. 初始化UI： 颜色必须是在value中定义的color常量 UdeskCon...
微信小程序在线客服聊天
最新发布
05-28
### 微信小程序实现在线客服聊天功能的解决方案 在微信小程序中实现在线客服聊天功能，通常需要结合微信提供的开放能力与第三方插件或自定义开发来完成。以下是几种常见的实现方式及示例代码。 #### 1. 使用微信官方提供的客服消息接口 微信官方提供了客服消息接口，开发者可以通过该接口实现用户与客服之间的消息交互。具体实现步骤包括： - 配置微信后台的客服消息功能。 - 在小程序中调用 `wx.openCustomerServiceChat` 方法打开客服会话窗口[^3]。 ```javascript // 打开客服会话 wx.openCustomerServiceChat({ extInfo: { url: 'https://example.com/custom_service_url' // 自定义扩展信息 }, corpId: 'wx1234567890abcdef', // 企业微信CorpID（可选） success(res) { console.log('成功打开客服会话', res); }, fail(err) { console.error('打开客服会话失败', err); } }); ``` #### 2. 使用第三方客服插件 市面上有许多成熟的第三方客服插件，可以直接嵌入到微信小程序中使用。这些插件通常提供更丰富的功能，例如消息记录、多客服支持、机器人自动回复等。以下是一些推荐的插件： - **Udesk**：提供小程序客服插件，支持多种消息类型和多客服切换。 - **七鱼客服**：阿里巴巴旗下的客服系统，支持小程序接入。 - **网易七鱼**：提供强大的客服功能，支持小程序快速集成。 以 Udesk 为例，其接入方式如下： - 注册并配置 Udesk 账号。 - 在小程序中引入 Udesk 提供的 SDK，并初始化。 ```javascript // 引入 Udesk SDK import UdeskSDK from 'udesk-miniprogram-sdk'; // 初始化 Udesk 客服 UdeskSDK.init({ appKey: 'your_app_key', userId: 'user_id', nickName: 'nick_name', avatarUrl: 'avatar_url' }); // 打开客服聊天窗口 UdeskSDK.open(); ``` #### 3. 自定义开发聊天功能 如果对功能有特殊需求，可以选择自定义开发聊天功能。这需要实现以下模块： - **消息收发**：通过 WebSocket 或 HTTP 请求实现消息的实时收发。 - **消息存储**：将消息存储在云端数据库中以便后续查询。 - **界面设计**：使用 Canvas 或 WXML 实现聊天界面。 以下是一个简单的 WebSocket 消息收发示例： ```javascript // 建立 WebSocket 连接 const socketTask = wx.connectSocket({ url: 'wss://example.com/chat', success(res) { console.log('WebSocket 连接成功', res); }, fail(err) { console.error('WebSocket 连接失败', err); } }); // 监听消息接收 socketTask.onMessage(function(res) { console.log('收到消息', res.data); // 更新聊天界面 }); // 发送消息 function sendMessage(message) { socketTask.send({ data: message, success(res) { console.log('消息发送成功', res); }, fail(err) { console.error('消息发送失败', err); } }); } ``` --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值