MIP广告组件类型ad-comm(通用广告)

通用广告

示例


基础广告组件有四种样式,四种样式通过tpl参数进行区分,分别是:banner(onlyImg),无图(noneImg),单图(oneImg),多图(moreImg),下面是组件的使用代码示例:

  1. - banner
  2. <mip-ad 
  3.     type="ad-comm"
  4.     tpl="onlyImg" 
  5.     href="//m.baidu.com/s?word=百度" 
  6.     data-size="1242 180" 
  7.     src="//m.baidu.com/static/search/ala/ad_1.png">
  8. </mip-ad>
  9.  
  10. - 无图
  11. <mip-ad 
  12.     type="ad-comm"
  13.     tpl="noneImg" 
  14.     href="//m.baidu.com/s?word=百度" 
  15.     data-title="广告标题">
  16. </mip-ad>
  17.  
  18. - 单图
  19. <mip-ad 
  20.     type="ad-comm"
  21.     tpl="oneImg" 
  22.     href="//m.baidu.com/s?word=百度" 
  23.     data-size="1242 180" 
  24.     src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2357051511,2286288825&fm=11&gp=0.jpg" 
  25.     data-title="广告标题">
  26. </mip-ad>
  27.  
  28. -多图
  29. <mip-ad 
  30.     type="ad-comm"
  31.     tpl="moreImg" 
  32.     href="//m.baidu.com/s?word=百度" 
  33.     data-size="1242 180" 
  34.     src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=4009078664,3186400936&fm=111&gp=0.jpg;https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=521986262,2379149184&fm=21&gp=0.jpg;https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=195400779,4163278668&fm=21&gp=0.jpg" 
  35.     data-ads="这里是广告摘要;这里是广告摘要" 
  36.     data-txt="这里是图片标题;这里是图片标题;这里是图片标题啊啊啊"
  37.     data-title="这里是广告标题这里是广告标题标">
  38. </mip-ad>

2. 属性


基础广告组件所涉及的属性有:广告类型(type),展示类型(tpl),跳转地址(href),图片大小(data-size),图片地址(src),广告标题(data-title),广告子标题(data-txt)以及广告摘要(data-ads)

广告类型(type)

    ○ 是否必填:是
    ○ 说明:广告类型(ad-comm/通用广告,ad-baidu/网盟广告)

广告类型(tpl)

    ○ 是否必填:是
    ○ 说明:展示类型(banner,无图,单图,多图)

跳转地址(href)

    ○ 是否必填:是
    ○ 说明:跳转地址

图片地址(src)

    ○ 是否必填:是(无图)否
    ○ 说明:图片地址,在多图类型下,多张图片的地址用半角分号(;)分隔开

图片大小(data-size)

    ○ 是否必填:否(广告类型为banner时,必填)
    ○ 说明:图片大小, 用来设定图片的宽高比,在有图片的情况下需要设置

广告标题(data-title)

    ○ 是否必填:(banner,多图)否;(无图,单图)是
    ○ 说明:广告标题,可设置为广告描述

广告子标题(data-txt)

    ○ 是否必填:否
    ○ 说明:广告子标题,多图时可用

广告摘要(data-ads)

    ○ 是否必填:否
    ○ 说明:广告摘要,多图时可用

发布日期:

所属分类: 网站运营 SEO 标签: