MIP个性化组件mip-app-banner app 调起组件

标题 内容
类型 通用
支持布局 responsive,fixed-height,fill,container,fixed
所需脚本 https://mipcache.bdstatic.com/static/v1/mip-app-banner/mip-app-banner.js

示例

基本用法

<head>
    <meta name="apple-itunes-app" content="app-id=xxxx, app-argument=medium://xxxx">
    <link rel="manifest" href="xxxx/manifest">
</head>
...
<mip-app-banner id="my-app-banner" layout="nodisplay">
    <button open-button>打开app</button>
</mip-app-banner>

属性

id
说明:组件id,组件唯一标识
必选项:是
类型:字符串
单位:无
默认值:无

layout
说明:组件布局,只能设置值为nodisplay
必选项:是
类型:字符串
取值范围:nodisplay
单位:无
默认值:nodisplay

子节点
button open-button
说明:调起 app 的按钮,必须带有 open-button 属性
必选项:是
类型:html 节点
取值范围:无
单位:无
默认值:button open-button

浏览器兼容性

标题 Android+chrome Android+baidu IOS+safari 其他情况
结果页打开 支持 不支持屏蔽 不支持,暂时屏蔽 支持
非结果页打开 不支持屏蔽 不支持屏蔽 浏览器banner 支持

注意事项

在引用组件的页面头部head标签中需要加两个标签

1、IOS 使用:

2、Android 使用:

3、manifest 的 url 必须是 https的

manifest.json 示例

{
  "prefer_related_applications": true, 
  "related_applications": [
    {
      "platform": "play",
      "open": "scheme://xx",
      "install": "your download url"
    }
  ]
}

发布日期:

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