首页 > 其他分享> 文章详细

微信自定义图文链接(卡片)以及广告版

2021-04-29 11:59:44 阅读：250 来源： 互联网

标签：控件自定义微信 https 按钮页面 com id 图文

展示

在这里插入图片描述

广告版

正常情况下,卡片打开后是一个网页地址,这个地址用户是可以投诉的,但是如果是广告版是没有投诉按钮的,整个页面也是在原生微信中打开,非常流畅丝滑,但是页面的布局需要手动布局,目前可以布局文本,图片,视频,按钮,网页

微信扫下面二维码可以查看广告模板
在这里插入图片描述
查看其它优秀广告案例

下面是布局的xml数据

<adxml>  -------------------------------------------------------------------- 头
    <adCanvasInfo>    ------------------------------------------------------- 广告信息 这个标签下级的属性都是核心属性
        <PageList>    ------------------------------------------------------- 页面的集合
            <Page>    ------------------------------------------------------- 页面
                <backgroundColor>#FFFFFF</backgroundColor>   ---------------- 当前页面的颜色<必须>      
                <componentItemList>    -------------------------------------- 控件集合
                    <componentItem>    -------------------------------------- 控件
                        <layoutHeight>1500</layoutHeight>   ----------------- 控件高度
                        <layoutWidth>750</layoutWidth>      ----------------- 控件宽度
                        <name>表单</name> ----------------------------------- 控件名称(这个只是自己看的,没什么用)
                        <paddingBottom>0</paddingBottom>     ---------------- 控件离下边界的padding (下面几个同理)
                        <paddingLeft>0</paddingLeft>
                        <paddingRight>0</paddingRight>
                        <paddingTop>0</paddingTop>
                        <id>1702599574</id>    ------------------------------ 控件的id(每个布局都必须要有)
                        <showAdvanced>0</showAdvanced>     ------------------ 显示高级(没什么用的)
                        <type>82</type>    ---------------------------------- 控件类型(82是网页控件)
                        <webviewUrl>    ------------------------------------- url地址
                            https://avengers.kuaizhan.com/53/25/p57107142066839?id=19211_1_573426260445
                        </webviewUrl>
                        <widgetType>form</widgetType>    -------------------- 控件的type(这个也是自己看的)
                    </componentItem>
                    <componentItem>
                                          .....

                    </componentItem>
                    .....
                             </componentItemList>

            </Page>
            <Page>
                          ......

            </Page>
        </PageList>
        <basicRootFontSize>1</basicRootFontSize>    ------------------------- 基本字体大小 (不用改)<必须>  
        <basicWidth>750</basicWidth>     ------------------------------------ 基本宽度 (不用改)<必须>
        <canvasName>12.6.4</canvasName>    ---------------------------------- 画布名称 (不用改)<必须>
        <fromPageId>1704164671</fromPageId>    ------------------------------ 表单页面id (不用改)<必须>
        <id>28055121</id>     ----------------------------------------------- id(不用改)<必须>
        <pageID>1704164769</pageID>  ---------------------------------------- 页面id(不用改)<必须>
        <shareDesc>这是详情</shareDesc>     --------------------------------- 分享的详情<必须>
        <shareThumbUrl>https://www.baidu.com/img/xinshouye_fdc45dd64b37e65ca7725cf1fa5412da.png</shareThumbUrl>   ---- 分享的图片地址(必须)
        <shareTitle>这是标题哦</shareTitle>     ---------------------------------------------------------------------- 分享的标题(必须)
        <shareWebUrl>https://avengers.kuaizhan.com/53/25/p57107142066839?id=19211_1_573426260445</shareWebUrl> ------- 分享的url(必须)
        <sizeType>1</sizeType>     ----------------------------------------------------------------------------------- 大小类型(不用改)<必须>
        <top_type>61</top_type>     ---------------------------------------------------------------------------------- 顶部类型 (不用改)<必须>
    </adCanvasInfo>
</adxml>

<adxml>
    <headClickType>0</headClickType>
    <adActionLinkHidden>1</adActionLinkHidden>
    <adActionLinkName>查看详情</adActionLinkName>
    <adActionLink>https://www.baidu.com/img/xinshouye_fdc45dd64b37e65ca7725cf1fa5412da.png
    </adActionLink>
    <adActionType>0</adActionType>
    <webviewRightBarShow>1</webviewRightBarShow>
    <attachShareLinkIsHidden>1110914615</attachShareLinkIsHidden>
    <adCanvasInfo>
        <PageList>
            <Page>
                <backgroundColor>#FFFFFF</backgroundColor>
                <backgroundCover/>
                <componentItemList>
                    <componentItem>
                        <layoutHeight>1500</layoutHeight>
                        <layoutWidth>750</layoutWidth>
                        <name>表单</name>
                        <paddingBottom>0</paddingBottom>
                        <paddingLeft>0</paddingLeft>
                        <paddingRight>0</paddingRight>
                        <paddingTop>0</paddingTop>
                        <id>1702599574</id>
                        <showAdvanced>0</showAdvanced>
                        <type>82</type>
                        <webviewUrl>
                            https://www.baidu.com/
                        </webviewUrl>
                        <widgetType>form</widgetType>
                    </componentItem>
                </componentItemList>
            </Page>
        </PageList>
        <basicRootFontSize>1</basicRootFontSize>
        <basicWidth>750</basicWidth>
        <btnType>16</btnType>
        <canvasName>12.6.4</canvasName>
        <fileSize>17778373</fileSize>
        <fromPageId>1704164671</fromPageId>
        <id>28055121</id>
        <id>28054516</id>
        <pageID>1704164769</pageID>
        <shareDesc>这是详情</shareDesc>
        <shareThumbUrl>
           https://www.baidu.com/img/xinshouye_fdc45dd64b37e65ca7725cf1fa5412da.png
        </shareThumbUrl>
        <shareTitle>这是标题哦</shareTitle>
        <shareWebUrl>
            https://www.baidu.com/
        </shareWebUrl>
        <sizeType>1</sizeType>
        <supportInfo>
            <qid>935076</qid>
            <subType>5</subType>
        </supportInfo>
        <top_type>61</top_type>
        <type/>
        <videoFileSize>16063354</videoFileSize>
    </adCanvasInfo>
</adxml>

componentItem类型的属性有:
公共属性
id: 这个是每个布局必须的属性<必须属性>
subType :子类型(有些控件是有子类型的)
layoutWidth : 布局宽度
layoutHeight : 布局高度
verticalAlignment : 垂直对齐
horizontalAlignment:水平对齐
paddingTop:上边距
paddingBottom: 下边距
paddingLeft:左边距
paddingRight:右边距


1:文本
content 内容
textAlignment : 字体对齐
fontColor : 颜色
fontSize:字体大小
fontType: 字体类型
maxLines:字体长度上限

21,按钮
按钮的公共参数
btnTitle: 按钮的文字
fontColor:文字的颜色
fontSize:文字的大小
btnType:按钮的类型
btnJumpUrl:按钮的跳转地址
btnJumpApp:跳转app
btnAlignment:对齐方式
borderSize:边框尺寸
btnHeight:按钮高度
btnBgColorTheme:背景颜色
btnBorderColorTheme:按钮的边框颜色
btnBgImgUrl:按钮图片的url

subType = 2的参数 (这个一般是用来下载app的)
appid 这个可以乱填
appPageUrlAndroid:app页面的url
channelId:渠道id
pkg:包名 (这个配置的话,如果下载过下次就直接安装了)
platform:平台 (这个乱套,或者不填)
btnBgColorTheme:按钮颜色
btnBgColorThemePressed:按下的背景颜色
btnBorderColorTheme:边框颜色
btnBorderColorThemePressed:按下的边框颜色
fontColor:字体颜色
fontColorPressed:按下的字体颜色

41,图片控件
imageHeight: 图片的高度
imageWidth:图片的宽度
pureImageUrl:图片的url

61,视频控件
sightVideoUrl:视频的地址
streamVideoUrl:视频流地址
sightThumbUrl:视频封面的地址
sightDisplayHeight:视频显示的高度
sightDisplayWidth:视频显示的宽度

82,网页控件
webviewUrl: 链接地址

标签：控件,自定义,微信,https,按钮,页面,com,id,图文
来源： https://blog.csdn.net/binbin594738977/article/details/116264447

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

微信自定义图文链接(卡片)以及广告版

展示

广告版