专业从事网络营销外包代运营服务

提供广告推广代运营,网站推广,竞价托管,网站建设制作,SEM搜索引擎推广、信息流广告营销、移动短视频广告,社交媒体推广等品牌营销服务

一、快手视频广告投放-开发.json 文件

每一个小程序页面也可以使用同名 .json 文件来对本页面的窗口表现进行配置,页面中配置项会覆盖 app.json 的 window 中相同的配置项。 代码示例

{ "navigationBarBackgroundColor": "#fff", "navigationBarTextStyle": "black", "navigationBarTitleText": "快手接口功能演示", "backgroundColor": "#ddd", "backgroundTextStyle": "light"

}

配置项

属性类型默认值描述navigationBarBackgroundColorHexColor#ffffff导航栏背景色,例如 #000000navigationBarTextStylestringblack导航栏标题色,仅支持 black / whitenavigationBarTitleTextstring导航栏标题文字内容navigationStylestringdefault导航栏样式,仅支持以下值:default 默认样式 custom 自定义导航栏,只保留右上角胶囊按钮backgroundColorHexColor#ffffff窗口的背景色backgroundTextStylestringdark下拉 loading 的样式,仅支持 dark / lightbackgroundColorTopstring#ffffff顶部窗口的背景色,仅 iOS 支持backgroundColorBottomstring#ffffff底部窗口的背景色,仅 iOS 支持enablePullDownRefreshbooleanfalse是否开启当前页面下拉刷新。详见Page.onPullDownRefreshonReachBottomDistancenumber50页面上拉触底事件触发时距页面底部,单位为 px。详见Page.onReachBottompageOrientationstringportrait屏幕旋转设置,支持 auto / portrait / landscape 详见 响应显示区域变化usingComponentsObject否页面自定义组件置

页面配置中只能设置 app.json 中 window 对应的配置项,以决定本页面的窗口表现,所以无需写 window 这个属性。

KSML 语法

是快手小程序框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。

KSML 能力:

数据绑定

KSML 中的动态数据绑定来自对应 js 中的 data。

<!-- ksml -->

<view> {{message}} </view>

// page.jsPage({ data: { message: 'Hello ks!' }

}

列表渲染

使用 ks:for 绑定一个数组,可实现由数组数据来重复渲染该组件。 数组当前项默认为item,当前项下标默认为index。

<!--ksml-->

<view ks:for="{{array}}"> {{item}} </view>

// page.jsPage({ data: { array: [1, 2, 3, 4, 5] }

})

使用ks:for-item可以指定数组当前元素的变量名。

使用ks:for-index可以指定数组当前下标的变量名。

条件渲染

使用ks:if=""来判断是否需要渲染该代码块。

也可以使用ks:elif和ks:else来添加一个 else 块:

<!--ksml-->

<view ks:if="{{pc}}"> pc </view>

<view ks:elif="{{mobile}}"> mobile </view>

<view ks:else="{{pad}}"> pad </view>

// page.jsPage({ data: { pc: false, mobile: true, pad: false }

})

模板

可以在模板中定义代码片段,然后在不同的地方调用。使用 name 作为模板的名字。然后在<template/>内定义代码片段。使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入。

<!--ksml-->

<template name="templateName"> <view> {{ name }}{{ age }}

</view>

</template>

<template is="templateName" data="{{...templateData}}"/>

// page.js

Page({

data: {

templateData: {

name: 'name',

age: '22'

}

}

})

引用

KSML 提供两种文件引用方式 import 和 include。

import

import 可以在该文件中使用目标文件定义的 template。

<template name="templateName">

<text>{{message}}</text>

</template>

在 index.ksml 中引用了 item.ksml,就可以使用 item 模板:

<import src="item.ksml"/>

<template is="item" data="{{text: 'forbar'}}"/>

include

include 可以将目标文件除了 <template/> 外的整个代码引入,相当于是拷贝到 include 位置,如:

<!-- index.ksml -->

<include src="header.ksml"/>

<view> body </view>

<include src="footer.ksml"/>

<!-- header.ksml -->

<view> header </view>

<!-- footer.ksml -->

<view> footer </view>


现如今,几乎所有的广告主都有属于自己的网站,并通过各大搜索引擎在网上进行宣传。快手就成为了如今广告主*的平台,长春小象网络营销代运营广告八年互联网从业经验。团队完善,分工明确,能提供广告账户开通,账户内容策划、素材制作到广告上线,包括广告上线之后的账户跟踪优化、投放结果分析等全流程的服务,广告咨询电话:158-0194-4939

本文标题:快手广告投放-快手小程序(开发-框架)03

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

小象网络是一家以提供网站推广网站建设网站优化信息流广告搜索引擎推广视频广告、软文营销发布为主的互联网营销公司。以客户需求为导向,客户利益为出发点,结合媒体渠道及行业资源优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求长远发展的企业贡献全部力量。