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

Freeman 發布于2019-08-02 16:11 / 3553人閱讀

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

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

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

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

    ad {
         zoom: 0.8;    
    }

百度方法效果截圖：

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

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

樣式如下

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

效果截圖：

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

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

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

云服務器 GPU云服務器微信小程序開發程序微信小程序開發微信小程序的開發微信小程序開發語言

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54839.html

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

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

tanglijun 2019-08-23 16:46 評論0 收藏0
微信小程序開發中遇到的問題及解決辦法（三）

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

Lowky 2019-08-30 11:07 評論0 收藏0
微信小程序開發中遇到的問題及解決辦法（三）

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

elina 2019-08-02 15:15 評論0 收藏0
微信小程序開發中遇到的問題及解決辦法（三）

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

voyagelab 2019-08-23 18:02 評論0 收藏0
wxParse version0.2-更好的微信小程序富文本HTML及Markdown解析

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

cucumber 2019-08-29 11:32 評論0 收藏0