提供80+媒體資源
我司提供互聯網廣告營銷服務超10年，擁有專業的人才儲備
快手廣告投放-快手小程序（開發-組件）01
發布時間：2023-06-13 22:21:55
作者：巨宣網絡
來源：juxuan.net
瀏覽量（124）
一、快手信息流廣告-基礎組件
1.icon
圖標。組件屬性的長度單位默認為px，支持rpx/px
屬性
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
|---|---|---|---|---|
| type | 'success' | 'success_no_circle' | 'info' | 'warn' | 'waiting' | 'cancel' | 'download' | 'search' | 'clear' | 否 | icon的類型 | |
| size | string | number | 23 | 否 | icon的大小 |
| color | string | 否 | icon的顏色，同css的color |
KSML： <view class='total'> <view class='wrap'> <view class='title'>icon類型</view> <view class='content'> <view style="width: 33.33%;" class='con' ks:for='{{icon.type}}'> <icon type='{{item}}' /> <text>{{item}}</text> </view> </view> </view> <view class='wrap'> <view class='title'>icon大小</view> <view class='content'> <view style="width: 33.33%;" class='con' ks:for='{{icon.size}}'> <icon type='success' size='{{item}}' /> <text>{{item}}</text> </view> </view> </view> <view class='wrap'> <view class='title'>icon顏色</view> <view class='content'> <view style="width: 33.33%;" class='con' ks:for='{{icon.color}}'> <icon type='success' color='{{item}}' /> <text>{{item}}</text> </view> </view> </view> </view> |
JS： Page({ onShareAppMessage() { return { title: 'icon', path: 'page/component/text/index' } }, data: { icon:{ type:['success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel', 'download', 'search', 'clear'], color:['red','yellow','blue','green','pink','orange'], size:[20,30,40,50,60,70] } } } |
CSS .title{ font-size: 18px; } .content{ margin-top: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; } .con{ margin-top: 10px; display: flex; flex-direction: column; align-items: center; } |
2.快手廣告投放-page-meta
頁面屬性配置節點，用于指定頁面的一些屬性、監聽頁面事件。只能是頁面內的第一個節點。可以配合 navigation-bar 組件一同使用。 通過這個節點可以獲得類似于調用 ks.setBackgroundTextStyle ks.setBackgroundColor 等接口調用的效果。
屬性
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
| background-text-style | string | 否 | 下拉背景字體、loading 圖的樣式，僅支持 dark 和 light | |
| background-color | string | 否 | 窗口的背景色，必須為十六進制顏色值 | |
| background-color-top | string | 否 | 頂部窗口的背景色，必須為十六進制顏色值 | |
| background-color-bottom | string | 否 | 底部窗口的背景色，必須為十六進制顏色值 | |
| root-background-color | string | 否 | 頁面內容的背景色，用于頁面中的空白部分和頁面大小變化 resize 動畫期間的臨時空閑區域 | |
| scroll-top | string | 否 | 滾動位置，可以使用 px 或者 rpx 為單位，在被設置時，頁面會滾動到對應位置 | |
| scroll-duration | number | 300 | 否 | 滾動動畫時長 |
| page-style | string | 否 | 頁面根節點樣式 | |
| page-font-size | string | 否 | 頁面 page 的字體大小，可以設置為 system ，表示使用當前用戶設置的微信字體大小 | |
| root-font-size | string | 否 | 頁面的根字體大小，頁面中的所有 rem 單位，將使用這個字體大小作為參考值, 也可以設置為 system | |
| page-orientation實驗性 | string | 否 | 頁面的方向，可為 auto portrait 或 landscape |
3.快手廣告代理-progress
進度條。組件屬性的長度單位 rpx/px（默認為px）
屬性
| 屬性 | 類型 | 默認值 | 必填 | 說明 |
| percent | number | 否 | 百分比0~100 | |
| show-info | boolean | false | 否 | 在進度條右側顯示百分比 |
| border-radius | string | number | 0 | 否 | 圓角大小 |
| font-size | string | number | 16 | 否 | 右側百分比字體大小 |
| stroke-width | string | number | 6 | 否 | 進度條線的寬度 |
| color | string | '#09BB07' | 否 | 進度條顏色（請使用activeColor） |
| active-color | string | '#09BB07' | 否 | 已選擇的進度條的顏色 |
| background-color | string | '#EBEBEB' | 否 | 未選擇的進度條的顏色 |
| active | boolean | false | 否 | 進度條從左往右的動畫 |
| active-mode | 'backwards' | 'forwards' | 'backwards' | 否 | backwards: 動畫從頭播；forwards：動畫從上次結束點接著播 |
| duration | number | 30 | 否 | 進度增加1%所需毫秒 |
| bindactiveend實驗性 | eventhandle | 否 | 動畫完成事件 |
示例代碼
kmsl： <view class='total'> <view class='wrap'> <view>默認樣式</view> <progress class='top10' percent='10' /> </view> <view class='wrap'> <view class='dis-title'> <view>顯示百分比</view> <view class='tit-right'>show-info</view> </view> <progress class='top10' show-info percent='20' /> </view> <view class='wrap'> <view class='dis-title'> <view>從左往右動畫</view> <view class='tit-right'>active</view> </view> <progress class='top10' percent='{{percent}}' active="true" bindactiveend='activeEnd' /> </view> <view class='wrap'> <view class='dis-title'> <view>進度條顏色</view> <view class='tit-right'>active-color</view> </view> <progress class='top10' percent='50' active-color='#d9211e' /> </view> <view class='wrap'> <view class='dis-title'> <view>進度條寬度</view> <view class='tit-right'>stroke-width</view> </view> <progress class='top10' percent='70' stroke-width='11' /> </view> <view class='wrap'> <view class='dis-title'> <view>圓角大小</view> <view class='tit-right'>border-radius</view> </view> <progress class='top10' percent='85' border-radius='10px' /> </view> </view> |
| JS： Page({ onShareAppMessage(){ return { title: 'progress', path: 'page/component/progress/index' } }, data: { percent: 0, }, onShow() { setTimeout(() => { this.setData({ percent: 100 }) },0); }, activeEnd(e){ console.log('動畫完成',e) }, }) |
現在很多人都想要在快手上投放廣告，來對自己的產品獲取一個曝光，來引流，所以需要我們找到一家代理商來做快手的廣告，快手推廣現在代理商很多，選擇對了也很關鍵！巨宣網絡是全國快手廣告的渠道商,從事快手廣告投放已經多年,擁有專業的快手短視頻廣告運營能力！廣告咨詢電話：4009602809
公司優勢
行業頭部客戶運營經驗
擁有單賬戶日消耗百萬運營經驗，廣告賬戶總量超1萬！
專業建站/美工/拍攝團隊
賬戶開通后，提供專業的建站運營服務，百名運營服務！
較高政策優惠
如無需我司進行代運營，可提供較高返點政策，靠譜！
注意事項
- 首次開通賬戶注意哪些？
- 不論您是想投放那個媒體，都需要提前確定開戶資質，避免因為資質不全無法上線，資質齊全才能上線廣告，不論任何廣告平臺，資質齊全是廣告上線最重要的第一步！
- 開通廣告賬戶需要多少錢？
- 每個廣告賬戶開戶價格都有所差距，業內基礎開戶價格基本為5000元起充值，如低于該費用，需再三核實對方信息，避免上當受騙！
- 一般開通廣告賬戶需要多長時間？
- 如果您的資質齊全，開戶時間基本當天就可以下戶，如行業較為特殊，開戶時間基本不超過3個工作日。
- 開戶后你們能做哪些服務？
- 開通廣告賬戶后，我司可以協助廣告主搭建落地頁、上傳廣告素材、制作廣告素材、效果優化等服務，我司擁有運營人員上百人！
- 可以幫助我們拍攝視頻嗎？
- 我司不提供免費視頻拍攝，因目前各平臺對于素材審核較為嚴格，視頻素材如需我司提供需與我司客服溝通拍攝要求，視頻拍攝價格從300元-3000元不等，根據廣告主需求確定價格。
249