快手广告投放-快手小程序(开发-组件)03

一、快手广告投放-canvas


画布。

属性

属性 类型 默认值 必填 说明
canvas-id string ... canvas 组件的唯一标识符
type 实验性 '2d' | 'webgl' '2d' 指定 canvas 类型,目前只支持 2d
disable-scroll 实验性 boolean false 当在 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' 按钮的样式类型
plain boolean false 按钮是否镂空,背景色透明
disabled boolean false 是否禁用
loading boolean false 名称前是否带 loading 图标
form-type 'submit' | 'reset'
用于 form 组件,点击分别会触发 form 组件的 submit/reset 事件
open-type 'contact' | 'share' | 'getPhoneNumber' | 'getUserInfo' | 'launchApp' | 'openSetting' | 'feedback' | 'favorite' | 'watchLater' | 'openProfile'
开放能力
hover-class string 'button-hover' 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-stop-propagation 实验性 boolean false 指定是否阻止本节点的祖先节点出现点击态
hover-start-time number 20 按住后多久出现点击态,单位毫秒
hover-stay-time number 70 手指松开后点击态保留时间,单位毫秒
lang 实验性 'en' | 'zh_CN' | 'zh_TW' 'en' 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。
user string '' 要跳转的号主页,可以传快手号或者快手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 欢迎咨询,电话15502933391


文章均来自互联网如有不妥请联系作者删除QQ:314111741 地址:http://www.mqs.net/post/8904.html

相关阅读

添加新评论