快手广告投放-快手小程序（开发-组件）03

一、快手广告投放-canvas

画布。

属性

属性类型默认值必填说明canvas-idstring...否canvas 组件的*标识符type实验性'2d' | 'webgl''2d'否指定 canvas 类型，目前只支持 2ddisable-scroll实验性booleanfalse否当在 canvas 中移动时且有绑定手势事件时，禁止屏幕滚动以及下拉刷新bindcanvastouchstart实验性eventhandle否手指触摸动作开始bindcanvastouchmove实验性eventhandle否手指触摸后移动bindcanvastouchend实验性eventhandle否手指触摸动作结束bindcanvastouchcancel实验性eventhandle否手指触摸动作被打断，如来电提醒，弹窗bindcanvaslongtap实验性eventhandle否手指长按 500ms 之后触发，触发了长按事件后进行移动不会触发屏幕的滚动bindcanvaserror实验性eventhandle否当发生错误时触发 error 事件，detail = {errMsg}

二、快手广告推广Bug & Tip

tip：canvas 标签默认宽度 300px、高度 150px

tip：同一页面中的 canvas-id 不可重复，如果使用一个已经出现过的 canvas-id，该 canvas 标签对应的画布将被隐藏并不再正常工作

tip：请注意原生组件使用限制

三、快手广告账户button

按钮

属性

size'default' | 'mini''default'否按钮的大小type'warn' | 'default' | 'primary''default'否按钮的样式类型plainbooleanfalse否按钮是否镂空，背景色透明disabledbooleanfalse否是否禁用loadingbooleanfalse否名称前是否带 loading 图标form-type'submit' | 'reset'否用于form组件，点击分别会触发form组件的 submit/reset 事件open-type'contact' | 'share' | 'getPhoneNumber' | 'getUserInfo' | 'launchApp' | 'openSetting' | 'feedback' | 'favorite' | 'watchLater' | 'openProfile'否开放能力hover-classstring'button-hover'否指定按钮按下去的样式类。当hover-class="none"时，没有点击态效果hover-stop-propagation实验性booleanfalse否指定是否阻止本节点的祖先节点出现点击态hover-start-timenumber20否按住后多久出现点击态，单位毫秒hover-stay-timenumber70否手指松开后点击态保留时间，单位毫秒lang实验性'en' | 'zh_CN' | 'zh_TW''en'否指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。userstring''否要跳转的号主页，可以传快手号或者快手id，open-type="openProfile"时有效session-from实验性string否会话来源，open-type="contact"时有效send-message-title实验性string'当前标题'否会话内消息卡片标题，open-type="contact"时有效send-message-path实验性string'当前分享路径'否会话内消息卡片点击跳转小程序路径，open-type="contact"时有效send-message-img实验性string'截图'否会话内消息卡片图片，open-type="contact"时有效show-message-card实验性boolean否打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效app-parameter实验性string否是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，用户点击后可以快速发送小程序消息，open-type="contact"时有效bindgetuserinfo实验性eventhandle否用户点击该按钮时，会返回获取到的用户信息，回调的detail数据与 ks.getUserInfo 返回的一致，open-type="getUserInfo" 时有效bindcontact实验性eventhandle否客服消息回调，open-type="contact" 时有效bindgetphonenumber实验性eventhandle否获取用户手机号回调，open-type="getPhoneNumber" 时有效binderror实验性eventhandle否当使用开放能力时，发生错误的回调，open-type="launchApp" 时有效bindopensetting实验性eventhandle否在打开授权设置页后回调，open-type="openSetting" 时有效bindlaunchapp实验性eventhandle否打开 APP 成功的回调，open-type="launchApp" 时有效

size

按钮的大小

'default'默认大小'mini'小尺寸

type

按钮的样式类型

'warn'红色'default'白色'primary'绿色

formType

用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件

'submit'提交表单'reset'重置表单

openType

开放能力

'contact'打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，具体说明 （小程序插件中不能使用）'share'触发用户转发，使用前建议先阅读使用指引'getPhoneNumber'获取用户手机号，可以从bindgetphonenumber回调中获取到用户信息，具体说明 （小程序插件中不能使用）'getUserInfo'获取用户信息，可以从bindgetuserinfo回调中获取到用户信息 （小程序插件中不能使用）'launchApp'打开APP，可以通过app-parameter属性设定向APP传的参数具体说明'openSetting'打开授权设置页'feedback'打开“意见反馈”页面，用户可提交反馈内容并上传日志，开发者可以登录小程序管理后台后进入左侧菜单“客服反馈”页面获取到反馈内容'favorite'触发用户收藏'watchLater'触发用户稍后再看'openProfile'触发打开用户主页

lang

指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。

'en'英文'zh_CN'简体中文'zh_TW'繁体中文

Bug & Tip

tip: button-hover 默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}

tip: bindgetphonenumber 建议使用 ks.canIUse 进行检测

tip: 在 bindgetphonenumber 等返回加密信息的回调中调用 ks.login 登录，可能会刷新登录态。此时服务器使用 code 换取的 sessionKey 不是加密时使用的 sessionKey，导致解密失败。建议开发者提前进行 login；或者在回调中先使用 checkSession 进行登录态检查，避免 login 刷新登录态。

tip: button 可作为原生组件的子节点嵌入，以便在原生组件上使用 open-type 的能力。

tip: 设置了 form-type 的 button 只会对当前组件中的 form 有效。因而，将 button 封装在自定义组件中，而 from 在自定义组件外，将会使这个 button 的 form-type 失效。

---

随着网络广告的愈发火热，现在在长春小象网络营销代运营开户，会免费帮您出广告投放方案，从账户搭建到上线以及上线后的数据优化都会有专人去负责，让你真正实现广告自由~ 长春小象网络营销代运营在做的广告投放平台还有快手、今日头条、oppo、vivo 欢迎咨询，电话158-0194-4939

本文标题：快手广告投放-快手小程序（开发-组件）03

本文链接：https://www.eatui.cn/xinxiliu/17600.html