類型: ad-comm 通用廣告


通用廣告

支援版面配置

  • reponsive
  • fixed-height
  • fixed

#範例

banner 樣式

layout="responsive" 為元件佈局設定，文件。 width 和 height 請依照廣告實際寬高填寫。 

<mip-ad
    layout="responsive"
    width="414"
    height="80" 
    type="ad-comm"
    tpl="onlyImg" 
    href="//m.baidu.com/s?word=百度" 
    data-size="1242 180" 
    src="//m.baidu.com/static/search/ala/ad_1.png">
</mip-ad>

無圖樣式

<mip-ad
    layout="fixed-height"
    height="80" 
    type="ad-comm"
    tpl="noneImg" 
    href="//m.baidu.com/s?word=百度" 
    data-title="广告标题">
</mip-ad>

單圖樣式

<mip-ad
    layout="reponsive"
    width="414"
    height="80" 
    type="ad-comm"
    tpl="oneImg" 
    href="//m.baidu.com/s?word=百度" 
    data-size="1242 180" 
    src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2357051511,2286288825&fm=11&gp=0.jpg" 
    data-title="广告标题">
</mip-ad>

多圖樣式

<mip-ad 
    type="ad-comm"
    tpl="moreImg" 
    href="//m.baidu.com/s?word=百度" 
    data-size="1242 180" 
    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" 
    data-ads="这里是广告摘要;这里是广告摘要" 
    data-txt="这里是图片标题;这里是图片标题;这里是图片标题啊啊啊"
    data-title="这里是广告标题这里是广告标题标">
</mip-ad>

屬性

##type

# #說明：廣告類型

必選項：是
類型：字串
取值：ad-comm 預設值：無

tpl

說明：樣式

必選項：是
類型：字串
取值：banner,noneImg,oneImg,moreImg 預設值：無

href

說明：跳轉位址

必選項：是
類型：URL
預設值：無

src

說明：圖片位址，在多圖類型下，多張圖片的位址以半角分號(;)分隔開

必選項：否
類型：字串
預設值：無

data-size

說明：圖片大小, 用來設定圖片的寬高比，在有圖片的情況下需要設定

必選項：否（廣告類型為banner時，必填）
類型：兩數字用空格分開
預設值：無

data-title

說明：廣告標題，可設定為廣告說明

必選項：banner，多圖）否；（無圖，單圖）是
類型：字串
預設值：無

data-txt

#說明：廣告子標題，多圖時可用

必選項：否
類型：字串
預設值：無

data-ads

##說明：廣告摘要，多圖時可用

必選項：否

類型：字串
預設值：無

#

←
→