成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

微信小程序開發(fā)中遇到的問題及解決辦法：微信小程序ad自適應(yīng)布局（二）

Freeman / 3571人閱讀

摘要：問題添加微信廣告的小程序在正式上線并且通過審查后，如果有除了純展示的其他需求，比如需要點(diǎn)擊觀看廣告秒才能領(lǐng)取獎(jiǎng)勵(lì)。

場景：微信小程序中添加廣告，可以是微信廣告和自定義廣告的自適應(yīng)布局；
問題：微信廣告在小屏（比如：320）手機(jī)上或是設(shè)置ad組件父組件寬度小于300px，內(nèi)容會(huì)超出布局范圍；
截圖效果：

說明：可以從截圖中看出，微信廣告組件ad都自動(dòng)添加了行內(nèi)樣式，而且其樣式的權(quán)重都是最高的!imporant;

解決辦法：
1) 百度的解決辦法是添加樣式：

    ad {
         zoom: 0.8;    
    }

百度方法效果截圖：

說明：從截圖的效果可以看出，現(xiàn)在廣告未超出父元素，但是沒有100%在父元素中撐開；這種方法我用過，個(gè)人總結(jié)是：當(dāng)是使用場景寬度小于300px的時(shí)候，可以使用這種方法。
附：在微信開發(fā)者工具中審查元素，元素好像錯(cuò)位了，不過展示效果正常，這個(gè)就忽略吧，微信開發(fā)者工具還應(yīng)該和我一樣，繼續(xù)努力啊~

2) 我的解決辦法：在微信廣告組件父元素上添加彈性盒子布局；

樣式如下

.ad-block {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
 }

效果截圖：

說明：從截圖中可以看出，廣告正常展示。

使用ad（微信廣告）需要注意的問題：
1、問題：添加微信廣告的小程序在正式上線后微信廣告不會(huì)正常展示，在開發(fā)版本和體驗(yàn)版本微信卻展示正常；
微信社區(qū)解釋是：開發(fā)者首次提交廣告組件審核，線上版本的告功能將暫時(shí)關(guān)閉，我們會(huì)在一個(gè)工作日完成廣告組件合規(guī)性審核。
2、問題：添加微信廣告的小程序在正式上線并且通過審查后，如果有除了純展示的其他需求，比如：需要點(diǎn)擊觀看廣告6秒才能領(lǐng)取獎(jiǎng)勵(lì)。如果是微信廣告，一天點(diǎn)擊幾次后，微信廣告不會(huì)正常展示；
解釋：當(dāng)前用戶沒有展示廣告可能是由于該用戶當(dāng)前不適合瀏覽廣告；
解決辦法：通過在ad的廣告發(fā)生錯(cuò)誤的回調(diào)binderror可以做對應(yīng)的處理。我所接的需求是：當(dāng)微信廣告展示不出來的時(shí)候，就展示自定義廣告，通過binderror這個(gè)回調(diào)函數(shù)就可以實(shí)現(xiàn)這個(gè)需求。
注意：廣告加載成功的回調(diào)bindload，頁面每次重新渲染并且廣告加載成功的話都會(huì)執(zhí)行這個(gè)回調(diào)。
附：社區(qū)中的官方解釋我暫時(shí)沒有找到，后期如果我找到了，再附上鏈接地址。

*隨記：今天是4月7號(hào)，清明就剩一天咯。已踏青，已出游，該靜一下咯。*

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54839.html

相關(guān)文章

  • 微信小程序開發(fā)中遇到的問題及解決辦法：微信小程序ad自適應(yīng)布局（二）

    摘要：問題添加微信廣告的小程序在正式上線并且通過審查后，如果有除了純展示的其他需求，比如需要點(diǎn)擊觀看廣告秒才能領(lǐng)取獎(jiǎng)勵(lì)。 場景：微信小程序中添加廣告，可以是微信廣告和自定義廣告的自適應(yīng)布局； 問題：微信廣告在小屏（比如：320）手機(jī)上或是設(shè)置ad組件父組件寬度小于300px，內(nèi)容會(huì)超出布局范圍； 截圖效果：showImg(https://segmentfault.com/img/bVbq...

    tanglijun 評(píng)論0 收藏0

  • 微信小程序開發(fā)中遇到的問題及解決辦法（三）

    摘要：資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能，只能在線上環(huán)境有用，而且沒有提供測試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開發(fā)中接到的需求，總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題： 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...

    Lowky 評(píng)論0 收藏0

  • 微信小程序開發(fā)中遇到的問題及解決辦法（三）

    摘要：資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能，只能在線上環(huán)境有用，而且沒有提供測試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開發(fā)中接到的需求，總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題： 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...

    elina 評(píng)論0 收藏0

  • 微信小程序開發(fā)中遇到的問題及解決辦法（三）

    摘要：資料整理關(guān)于配置微信小程序頁面附關(guān)于微信搜索小程序內(nèi)頁面的功能，只能在線上環(huán)境有用，而且沒有提供測試的渠道。二微信小程序激勵(lì)視頻廣告接入微信視頻廣告指引截圖具體使用注意激勵(lì)視頻廣告組件是一個(gè)原生組件，層級(jí)比普通組件高。 大綱：根據(jù)近期我在小程序開發(fā)中接到的需求，總結(jié)一下下面四個(gè)開發(fā)需求所遇到的問題： 1、關(guān)于微信現(xiàn)已開放小程序內(nèi)搜索（sitemap 配置）；2、微信小程序的激勵(lì)視頻廣告...

    voyagelab 評(píng)論0 收藏0

  • wxParse version0.2-更好的微信小程序富文本HTML及Markdown解析

    摘要：信息版本號(hào)歷史版本號(hào)具體代碼請查看倉庫分支地址解決問題微信小程序富文本解析組件詳述因?yàn)槲⑿判〕绦驔]有提供等解析，原展示類文本沒有辦法圖文并茂的原生展示，主要目的就是彌補(bǔ)富文本解析空缺的組件，歡迎使用反饋開發(fā)信息微信小程序開發(fā)論壇垂直微信小程 wxParse信息 版本號(hào)0.1 歷史版本號(hào)0.2 具體代碼請查看倉庫分支V1 github地址: https://github.com/ici...

    cucumber 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

Freeman

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<