微信小程序開發中遇到的問題及解決辦法:微信小程序ad自適應佈局(二)

場景:微信小程序中添加廣告,能夠是微信廣告和自定義廣告的自適應佈局;
問題:微信廣告在小屏(好比:320)手機上或是設置ad組件父組件寬度小於300px,內容會超出佈局範圍;
截圖效果:
clipboard.png
說明:能夠從截圖中看出,微信廣告組件ad都自動添加了行內樣式,並且其樣式的權重都是最高的!imporant;html

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

ad {
         zoom: 0.8;    
    }

百度方法效果截圖:
clipboard.png小程序

說明:從截圖的效果能夠看出,如今廣告未超出父元素,可是沒有100%在父元素中撐開;這種方法我用過,我的總結是:當是使用場景寬度小於300px的時候,可使用這種方法
附:在微信開發者工具中審查元素,元素好像錯位了,不過展現效果正常,這個就忽略吧,微信開發者工具還應該和我同樣,繼續努力啊~微信小程序

2) 個人解決辦法:在微信廣告組件父元素上添加彈性盒子佈局;微信

樣式以下微信開發

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

效果截圖:
clipboard.png
說明:從截圖中能夠看出,廣告正常展現。函數

使用ad(微信廣告)須要注意的問題:
一、問題:添加微信廣告的小程序在正式上線後微信廣告不會正常展現,在開發版本和體驗版本微信卻展現正常;
微信社區解釋是開發者首次提交廣告組件審覈,線上版本的告功能將暫時關閉,咱們會在一個工做日完成廣告組件合規性審覈
二、問題:添加微信廣告的小程序在正式上線而且經過審查後,若是有除了純展現的其餘需求,好比:須要點擊觀看廣告6秒才能領取獎勵。若是是微信廣告,一天點擊幾回後,微信廣告不會正常展現;
解釋:當前用戶沒有展現廣告多是因爲該用戶當前不適合瀏覽廣告
解決辦法:經過在ad的廣告發生錯誤的回調binderror能夠作對應的處理。我所接的需求是:當微信廣告展現不出來的時候,就展現自定義廣告,經過binderror這個回調函數就能夠實現這個需求。
注意:廣告加載成功的回調bindload,頁面每次從新渲染而且廣告加載成功的話都會執行這個回調。
附:社區中的官方解釋我暫時沒有找到,後期若是我找到了,再附上連接地址。工具

*隨記:今天是4月7號,清明就剩一天咯。已踏青,已出遊,該靜一下咯。*
相關文章
相關標籤/搜索