提供80+媒體資源
我司提供互聯(lián)網(wǎng)廣告營(yíng)銷服務(wù)超10年，擁有專業(yè)的人才儲(chǔ)備
快手廣告投放-快手小程序（開發(fā)-組件）02
發(fā)布時(shí)間：2023-06-13 22:21:54
作者：巨宣網(wǎng)絡(luò)
來源：juxuan.net
瀏覽量（105）
一、快手廣告投放-rich-text
富文本。
屬性
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
| nodes | string | Array<PropNode> | [] | 否 | 節(jié)點(diǎn)列表/HTML String |
| space | 'ensp' | 'emsp' | 'nbsp' | 否 | 顯示連續(xù)空格 |
space
顯示連續(xù)空格
| 值 | 說明 |
|---|---|
| 'ensp' | 中文字符空格一半大小 |
| 'emsp' | 中文字符空格大小 |
| 'nbsp' | 根據(jù)字體設(shè)置的空格大小 |
nodes
現(xiàn)支持兩種節(jié)點(diǎn)，通過 type 來區(qū)分，分別是元素節(jié)點(diǎn)和文本節(jié)點(diǎn)，默認(rèn)是元素節(jié)點(diǎn)，在富文本區(qū)域里顯示的 HTML 節(jié)點(diǎn)
快手推廣-元素節(jié)點(diǎn)：type = node
| 屬性 | 說明 | 類型 | 必填 | 備注 |
| name | 標(biāo)簽名 | string | 是 | 支持部分受信任的 HTML 節(jié)點(diǎn) |
| attrs | 屬性 | object | 否 | 支持部分受信任的屬性，遵循 Pascal 命名法 |
| children | 子節(jié)點(diǎn)列表 | array | 否 | 結(jié)構(gòu)和 nodes 一致 |
快手信息流廣告-文本節(jié)點(diǎn)：type = text
| 屬性 | 說明 | 類型 | 必填 | 備注 |
| text | 文本 | string | 是 | 支持 entities |
快手廣告-受信任的 HTML 節(jié)點(diǎn)及屬性
全局支持 class 和 style 屬性，不支持 id 屬性。
| 節(jié)點(diǎn) | 屬性 |
| a | |
| abbr | |
| address | |
| article | |
| aside | |
| b | |
| bdi | |
| bdo | dir |
| big | |
| blockquote | |
| br | |
| caption | |
| center | |
| cite | |
| code | |
| col | span，width |
| colgroup | span，width |
| dd | |
| del | |
| div | |
| dl | |
| dt | |
| em | |
| fieldset | |
| font | |
| footer | |
| h1 | |
| h2 | |
| h3 | |
| h4 | |
| h5 | |
| h6 | |
| header | |
| hr | |
| i | |
| img | alt，src，height，width |
| ins | |
| label | |
| legend | |
| li | |
| nav | |
| ol | start，type |
| p | |
| pre | |
| q | |
| emsp | |
| rt | |
| ruby | |
| s | |
| section | |
| small | |
| span | |
| strong | |
| sub | |
| sup | |
| table | width |
| tbody | |
| td | colspan，height，rowspan，width |
| tfoot | |
| th | colspan，height，rowspan，width |
| thead | |
| tr | colspan，height，rowspan，width |
| tt | |
| u | |
| ul |
tip: nodes 不推薦使用 String 類型，性能會(huì)有所下降。
tip: rich-text 組件內(nèi)屏蔽所有節(jié)點(diǎn)的事件。
tip: attrs 屬性不支持 id ，支持 class 。
tip: name 屬性大小寫不敏感。
tip: 如果使用了不受信任的 HTML 節(jié)點(diǎn)，該節(jié)點(diǎn)及其所有子節(jié)點(diǎn)將會(huì)被移除。
tip: img 標(biāo)簽僅支持網(wǎng)絡(luò)圖片。
tip: 如果在自定義組件中使用 rich-text 組件，那么僅自定義組件的 css 樣式對(duì) rich-text 中的 class 生效。
示例代碼
| KMSL | JS |
<view class='total'> <view class='wrap'> <view class='title'>通過代碼渲染</view> <scroll-view style="height: 80px;" class='scr-v top10' scroll-y>{{code}}</scroll-view> <view class='title top20'>渲染結(jié)果</view> <view class='top10'> <rich-text nodes='{{code}}'></rich-text> </view> </view> <!-- <view class='wrap'> <view class='title'>通過節(jié)點(diǎn)渲染</view> <scroll-view class='scr-v top10' scroll-y>{{nodesShow}}</scroll-view> <view class='title top20'>渲染結(jié)果</view> <view class='top10'> <rich-text nodes='{{nodes}}'></rich-text> </view> </view> --> </view> | const code= `<div class='center'> <h3>I like dog</h3> <img width='100' height='100' src='http://bpic.588ku.com/element_origin_min_pic/16/12/02/61d3bc2e2e340d5f87cf686ce68a07dd.jpg' /> </div>`; const nodesShow = `{ nodes: [{ name: 'div', attrs: { style: 'line-height: 60px; color: #ff5000;' }, children: [{ type: 'text', text: 'I like dog' }] }] }`; Page({ onShareAppMessage(){ return { title: 'rich-text', path: 'page/component/rich-text/index' } }, data: { code, nodesShow, nodes: [{ name: 'div', attrs: { class: 'center', style: 'line-height: 60px; color: #ff5000;' }, children: [{ type: 'text', text: 'I like dog', }] }] }, }) |
| CSS |
.scr-v{ height: 200px; border: 1px solid #eeeeee; white-space: pre; padding: 5px; box-sizing: border-box; } .title{ font-size: 18px; font-weight: bold; } .center{ text-align: center; border: 1px solid #eeeeee; } |
text
文本。
屬性
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
| selectable | boolean | false | 否 | 文本是否可選 |
| space | 'ensp' | 'emsp' | 'nbsp' | 否 | 顯示連續(xù)空格 | |
| decode | boolean | false | 否 | 是否解碼 |
space
顯示連續(xù)空格
| 值 | 說明 |
| 'ensp' | 中文字符空格一半大小 |
| 'emsp' | 中文字符空格大小 |
| 'nbsp' | 根據(jù)字體設(shè)置的空格大小 |
tip: decode 可以解析的有 < > & '    
tip: 各個(gè)操作系統(tǒng)的空格標(biāo)準(zhǔn)并不一致。
tip: text 組件內(nèi)只支持 text 嵌套。
tip: 除了文本節(jié)點(diǎn)以外的其他節(jié)點(diǎn)都無法長(zhǎng)按選中。
<view class='total'> <view class='wrap'> <view class='title'>可選擇文本</view> <view class='txt'> <text ks:for="{{text}}" class='con' selectable>{{item}}</text> </view> </view> </view> |
Page({ onShareAppMessage() { return { title: 'text', path: 'page/component/text/index' } }, data: { text: ['擁抱熟悉的生活', '擁抱新鮮的生活', '擁抱精彩的生活', '擁抱每一種生活'] } }) |
.title{ font-size: 18px; border-bottom: 1px solid #eeeeee; height: 30px; padding-left: 20px; } .txt{ margin: 10px 20px 0px; } .con{ display: block; text-decoration: none; overflow: hidden; } .wrap { padding: 20px 0px; width: 90vw; } |
有關(guān)快手廣告開戶投放等相關(guān)問題可以找巨宣網(wǎng)絡(luò)，公司有著六年的廣告投放經(jīng)驗(yàn)，能幫廣告主解決廣告制作，推廣代運(yùn)營(yíng)等服務(wù)。提供開戶到上線全過程服務(wù)流程，從賬戶下戶到上線只需要提供相關(guān)資質(zhì)和素材就可以了。以更高的效率來獲取廣告帶來的效果。
公司優(yōu)勢(shì)
行業(yè)頭部客戶運(yùn)營(yíng)經(jīng)驗(yàn)
擁有單賬戶日消耗百萬(wàn)運(yùn)營(yíng)經(jīng)驗(yàn)，廣告賬戶總量超1萬(wàn)！
專業(yè)建站/美工/拍攝團(tuán)隊(duì)
賬戶開通后，提供專業(yè)的建站運(yùn)營(yíng)服務(wù)，百名運(yùn)營(yíng)服務(wù)！
較高政策優(yōu)惠
如無需我司進(jìn)行代運(yùn)營(yíng)，可提供較高返點(diǎn)政策，靠譜！
注意事項(xiàng)
- 首次開通賬戶注意哪些？
- 不論您是想投放那個(gè)媒體，都需要提前確定開戶資質(zhì)，避免因?yàn)橘Y質(zhì)不全無法上線，資質(zhì)齊全才能上線廣告，不論任何廣告平臺(tái)，資質(zhì)齊全是廣告上線最重要的第一步！
- 開通廣告賬戶需要多少錢？
- 每個(gè)廣告賬戶開戶價(jià)格都有所差距，業(yè)內(nèi)基礎(chǔ)開戶價(jià)格基本為5000元起充值，如低于該費(fèi)用，需再三核實(shí)對(duì)方信息，避免上當(dāng)受騙！
- 一般開通廣告賬戶需要多長(zhǎng)時(shí)間？
- 如果您的資質(zhì)齊全，開戶時(shí)間基本當(dāng)天就可以下戶，如行業(yè)較為特殊，開戶時(shí)間基本不超過3個(gè)工作日。
- 開戶后你們能做哪些服務(wù)？
- 開通廣告賬戶后，我司可以協(xié)助廣告主搭建落地頁(yè)、上傳廣告素材、制作廣告素材、效果優(yōu)化等服務(wù)，我司擁有運(yùn)營(yíng)人員上百人！
- 可以幫助我們拍攝視頻嗎？
- 我司不提供免費(fèi)視頻拍攝，因目前各平臺(tái)對(duì)于素材審核較為嚴(yán)格，視頻素材如需我司提供需與我司客服溝通拍攝要求，視頻拍攝價(jià)格從300元-3000元不等，根據(jù)廣告主需求確定價(jià)格。
332
相關(guān)內(nèi)容
- 虎牙廣告推廣如何搭建？虎牙開戶找哪里呢?
- 虎牙直播廣告如何推廣？虎牙直播平臺(tái)推廣流程！
- 閑魚線索廣告是什么？怎么投放閑魚廣告？
- 逾期行業(yè)是否可以投放支付寶廣告？支付寶廣告開戶需要哪些資質(zhì)？
- 電商砍價(jià)類如何按轉(zhuǎn)化投放網(wǎng)易云廣告？我們需要注意些什么？
- 快手廣告：磁力智投與磁力金牛有哪些區(qū)別？如何選擇適合自身的推···
- 期刊發(fā)表行業(yè)投放喜馬拉雅廣告賬戶搭建小技巧！
- 電商砍價(jià)類的如何進(jìn)行優(yōu)酷廣告投放？廣告投放的流程有哪些？
- 流量卡投放優(yōu)酷廣告有哪些鏈路？推廣成本在多少？
- 電商砍價(jià)類的廣告如何投放喜馬拉雅？廣告投放的流程有哪些？